suzhou-jichuang-lanhai
/
jin_ji_hu
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

企业登录修改为正式地址

Browse Source
des
吕天方 9 months ago
parent 864c5e6a0d
commit b96d455269
9 changed files with 517 additions and 411 deletions
Show Stats Download Patch File Download Diff File

2
package.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"name": "ruoyi", "name": "ruoyi",
"version": "1.0.202407261413", "version": "1.0.202407290914",
"description": "金鸡湖现代服务业品牌管理系统", "description": "金鸡湖现代服务业品牌管理系统",
"author": "若依", "author": "若依",
"license": "MIT", "license": "MIT",

34
src/App.vue
Unescape View File

@ -1,30 +1,30 @@
<template> <template>
<ScaleBox> <!-- <ScaleBox> -->
<div id="app"> <div id="app">
<router-view /> <router-view />
</div> </div>
</ScaleBox> <!-- </ScaleBox> -->
</template> </template>
<script> <script>
import autofit from "autofit.js"; import autofit from "autofit.js";
import ScaleBox from "@/components/scaleBox"; // import ScaleBox from "@/components/scaleBox";
export default { export default {
name: "App", name: "App",
components:{ScaleBox}, // components:{ ScaleBox },
// mounted() { mounted() {
// autofit.init({ autofit.init({
// dh: 919, dh: 919,
// dw: 1920, dw: 1920,
// el: "#app", el: "#app",
// resize: true, resize: true,
// // ignore:[ // ignore:[
// // { // {
// // el:".ignoreElement", // el:".ignoreElement",
// // } // }
// // ], // ],
// }); });
// }, },
metaInfo() { metaInfo() {
return { return {
title: title:

405
src/assets/styles/public.scss
Unescape View File

@ -1098,13 +1098,13 @@
// overflow-y: scroll; // overflow-y: scroll;
.main-row { .main-row {
// height: 100%; // height: 100%;
height: 540px; height: 580px;
display: flex; display: flex;
background-color: #f6f7f9; background-color: #f6f7f9;
.work-main-left { .work-main-left {
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 20px;
height: 100%; height: 100%;
.main-left { .main-left {
padding: 10px 20px; padding: 10px 20px;
@ -1113,13 +1113,35 @@
// display: flex; // display: flex;
// justify-content: space-between; // justify-content: space-between;
// align-items: center; // align-items: center;
padding: 5px 0 10px; // padding: 5px 0 10px;
margin-bottom: 15px; margin-bottom: 10px;
.left-header-title { display: flex;
// font-family: PingFang-SC, PingFang-SC; // align-items: center;
font-weight: bold; align-items: flex-end;
justify-content: space-between;
.left-header-titleS {
display: flex;
align-items: center;
.dataCloudMap-birght {
width: 6px;
height: 18px;
background: #0086FF;
box-shadow: 3px 0 3px 0px #0086FF;
border-radius: 5px 5px 5px 5px;
}
.left-header-title {
font-family: AlibabaPuHuiTiB;
margin: 0 10px;
font-weight: bold;
font-size: 18px;
color: #333333;
}
}
.el-button {
font-family: PingFang-SC-Medium;
font-weight: 500;
font-size: 14px; font-size: 14px;
color: #333333; color: #0086FF;
} }
} }
.left-main { .left-main {
@ -1208,6 +1230,9 @@
} }
} }
} }
.service-left {
padding: 10px 20px;
}
.work-main-right { .work-main-right {
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
@ -1219,17 +1244,29 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 15px; margin-bottom: 15px;
.right-header-title { .right-header-box {
// font-family: PingFang-SC, PingFang-SC; display: flex;
font-weight: bold; align-items: center;
font-size: 14px; .dataCloudMap-birght {
color: #333333; width: 6px;
height: 18px;
background: #0086FF;
box-shadow: 3px 0 3px 0px #0086FF;
border-radius: 5px 5px 5px 5px;
}
.right-header-title {
font-family: AlibabaPuHuiTiB;
margin: 0 10px;
font-weight: bold;
font-size: 18px;
color: #333333;
}
} }
.el-button { .el-button {
// font-family: PingFang-SC, PingFang-SC; font-family: PingFang-SC-Medium;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
color: #134EE6; color: #0086FF;
} }
} }
.right-main { .right-main {
@ -1290,6 +1327,9 @@
// align-content: space-between; // align-content: space-between;
justify-content: space-between; justify-content: space-between;
} }
// 招商信息分析
.main-row-two {
}
} }
// 企业端首页 // 企业端首页
.home-index-main { .home-index-main {
@ -1352,156 +1392,6 @@
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
padding: 10px 20px; padding: 10px 20px;
.echart-title {
display: flex;
align-items: center;
justify-content: space-between;
.echart-left-title {
display: grid;
grid-template-columns: auto auto; /* 自动列宽 */
align-items: end; /* 垂直对齐方式：底部对齐 */
margin-top: -10px;
.L-title-left {
display: flex;
align-items: center;
.dataCloudMap-birght {
width: 6px;
height: 18px;
background: #0086FF;
box-shadow: 3px 0 3px 0px #0086FF;
border-radius: 5px 5px 5px 5px;
}
.dataCloudMap-title {
font-family: AlibabaPuHuiTiB;
font-size: 18px;
color: #333333;
margin: 0 10px;
}
}
.dataCloudMap-data {
font-family: AlibabaPuHuiTiR;
font-size: 14px;
color: #999999;
line-height: 22px;
// line-height: 31px;
// margin-top: 5px;
}
}
.rightBigNav {
padding: 2px;
box-sizing: border-box;
height: 33px;
// background: #fff;
.right-nav {
display: flex;
height: 100%;
font-size: 14px;
.tabStyle {
height: 100%;
background: #F6F9FD;
padding: 0 20px;
border-radius: 2px;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
color: #7a8599;
margin-right: 10px;
border-radius: 5px;
.change-grey-birght {
width: 8px;
height: 8px;
background: #C7DAEE;
border-radius: 50%;
margin-right: 5px;
}
.change-blue-birght {
background: #0086FF;
}
.change-grey-text {
color: #94A9C0;
font-size: 14px;
font-weight: 500;
}
.change-blue-text {
color: #0086FF;
font-weight: bold;
}
}
.change-blue {
background: #E8F3FC;
color: #fff;
}
}
}
}
.components-box {
height: 100%;
}
.echarts-data-box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 15px 0 12px;
.E-box-item {
display: flex;
.img-box {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px;
background-size: contain; /* 图片大小适应容器 */
background-position: center; /* 图片居中 */
background-repeat: no-repeat; /* 不重复显示背景图 */
}
.img-box-one {
background-image: url("../images/mapIconOne.png");
}
.img-box-two {
background-image: url("../images/mapIconTwo.png");
}
.img-box-three {
background-image: url("../images/mapIconThree.png");
}
.data-box {
display: flex;
justify-content: space-between;
flex-direction: column;
.box-number {
display: flex;
align-items: flex-end;
.number-yuan {
font-family: DINCondensed, DINCondensed;
font-weight: bold;
font-size: 36px;
line-height: 30px;
margin-right: 5px;
color: #333333;
}
.yuan-unit {
font-family: PingFang-SC, PingFang-SC;
font-weight: bold;
font-size: 12px;
line-height: 18px;
color: #666666;
}
}
.box-bottom {
font-family: PingFang-SC-Medium;
font-weight: 500;
font-size: 12px;
color: #666666;
}
}
}
}
#echarts {
width: 100%;
height: calc(100% - 110px);
// height: 30vh;
// height: 370px;
}
} }
// 行业纵深情况 // 行业纵深情况
.dataCloudMap-left-bottom { .dataCloudMap-left-bottom {
@ -1615,8 +1505,9 @@
height: 42%; height: 42%;
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
// padding: 10px 20px 15px; padding: 10px 20px 15px;
padding: 1vh 20px 1.5vh; // padding: 1vh 20px 1.5vh;
// padding: 1rem 2rem 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: space-between; // justify-content: space-between;
@ -1651,7 +1542,15 @@
line-height: 22px; line-height: 22px;
} }
} }
.dataCloudMap-enterprise-bottom {
flex: 1;
display: flex;
flex-direction: column;
// justify-content: space-between;
align-content: space-between;
}
.dataCloudMap-enterprise { .dataCloudMap-enterprise {
flex: 1;
margin-top: 15px; margin-top: 15px;
// margin-top: 2vh; // margin-top: 2vh;
display: grid; display: grid;
@ -1661,6 +1560,11 @@
.el-card { .el-card {
background-color: #fff; background-color: #fff;
border: none; border: none;
flex: 1;
display: flex;
flex-direction: column;
// justify-content: space-between;
align-content: space-between;
.el-card__header { .el-card__header {
border-bottom: none; border-bottom: none;
padding: 10px 15px 3px; padding: 10px 15px 3px;
@ -1674,12 +1578,20 @@
} }
} }
.el-card__body { .el-card__body {
padding: 7px 20px 10px 20px; padding: 7px 20px 20px 20px;
flex: 1;
// padding: 0.7vh 1vw 1.2vh 1vw; // padding: 0.7vh 1vw 1.2vh 1vw;
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// align-content: space-between;
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 10px;
} }
.card-items { .card-items {
// margin-bottom: 0.5vw; // margin-bottom: 0.5vw;
margin-bottom: 10px; // margin-bottom: 10px;
padding: 7px 10px; padding: 7px 10px;
// padding: 0.7vh 10px; // padding: 0.7vh 10px;
background-color: #F6F9FD; background-color: #F6F9FD;
@ -1752,7 +1664,7 @@
} }
} }
.dataCloudMap-statistics { .dataCloudMap-statistics {
margin-top: 12px; margin-top: 15px;
// margin-top: 1.5vh; // margin-top: 1.5vh;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
@ -1917,6 +1829,7 @@
.honor-data { .honor-data {
margin-top: 15px; margin-top: 15px;
// margin-top: 2vh; // margin-top: 2vh;
flex: 1;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px; grid-gap: 15px;
@ -2332,4 +2245,156 @@
} }
} }
} }
}
// 服务业数据概览
.echart-title {
display: flex;
align-items: center;
justify-content: space-between;
.echart-left-title {
display: grid;
grid-template-columns: auto auto; /* 自动列宽 */
align-items: end; /* 垂直对齐方式：底部对齐 */
margin-top: -10px;
.L-title-left {
display: flex;
align-items: center;
.dataCloudMap-birght {
width: 6px;
height: 18px;
background: #0086FF;
box-shadow: 3px 0 3px 0px #0086FF;
border-radius: 5px 5px 5px 5px;
}
.dataCloudMap-title {
font-family: AlibabaPuHuiTiB;
font-size: 18px;
color: #333333;
margin: 0 10px;
}
}
.dataCloudMap-data {
font-family: AlibabaPuHuiTiR;
font-size: 14px;
color: #999999;
line-height: 22px;
// line-height: 31px;
// margin-top: 5px;
}
}
.rightBigNav {
padding: 2px;
box-sizing: border-box;
height: 33px;
// background: #fff;
.right-nav {
display: flex;
height: 100%;
font-size: 14px;
.tabStyle {
height: 100%;
background: #F6F9FD;
padding: 0 20px;
border-radius: 2px;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
color: #7a8599;
margin-right: 10px;
border-radius: 5px;
.change-grey-birght {
width: 8px;
height: 8px;
background: #C7DAEE;
border-radius: 50%;
margin-right: 5px;
}
.change-blue-birght {
background: #0086FF;
}
.change-grey-text {
color: #94A9C0;
font-size: 14px;
font-weight: 500;
}
.change-blue-text {
color: #0086FF;
font-weight: bold;
}
}
.change-blue {
background: #E8F3FC;
color: #fff;
}
}
}
}
.components-box {
height: 100%;
}
.echarts-data-box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 15px 0 12px;
.E-box-item {
display: flex;
.img-box {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px;
background-size: contain; /* 图片大小适应容器 */
background-position: center; /* 图片居中 */
background-repeat: no-repeat; /* 不重复显示背景图 */
}
.img-box-one {
background-image: url("../images/mapIconOne.png");
}
.img-box-two {
background-image: url("../images/mapIconTwo.png");
}
.img-box-three {
background-image: url("../images/mapIconThree.png");
}
.data-box {
display: flex;
justify-content: space-between;
flex-direction: column;
.box-number {
display: flex;
align-items: flex-end;
.number-yuan {
font-family: DINCondensed, DINCondensed;
font-weight: bold;
font-size: 36px;
line-height: 30px;
margin-right: 5px;
color: #333333;
}
.yuan-unit {
font-family: PingFang-SC, PingFang-SC;
font-weight: bold;
font-size: 12px;
line-height: 18px;
color: #666666;
}
}
.box-bottom {
font-family: PingFang-SC-Medium;
font-weight: 500;
font-size: 12px;
color: #666666;
}
}
}
}
#echarts {
width: 100%;
height: calc(100% - 110px);
// height: 30vh;
// height: 370px;
} }

15
src/main.js
Unescape View File

@ -81,7 +81,22 @@ if (!localVersion || version !== localVersion) {
localStorage.clear() // 清除缓存 localStorage.clear() // 清除缓存
localStorage.setItem('projectVersion', version) localStorage.setItem('projectVersion', version)
} }
// var docEl = document.documentElement;
// function setRemUnit () {
// var rem = docEl.clientWidth / 19.2; // 可根据不同电脑分辨率进行手动修改（如1920*1080 为19.2
// docEl.style.fontSize = rem + 'px'
// console.log(docEl);
// console.log(rem + 'px');
// }
// setRemUnit()
// window.addEventListener('resize', setRemUnit)
// window.addEventListener('pageshow', function (e) {
// if (e.persisted) {
// setRemUnit()
// }
// })
/** /**
* If you don't want to use mock-server * If you don't want to use mock-server
* you want to use MockJs for mock api * you want to use MockJs for mock api

2
src/permission.js
Unescape View File

@ -64,7 +64,7 @@ router.beforeEach((to, from, next) => {
// var modifiedUrl = url.replace(/(\?appid&clienttoken=)[^&#]+/, ''); // var modifiedUrl = url.replace(/(\?appid&clienttoken=)[^&#]+/, '');
// // console.log(modifiedUrl,'modifiedUrl'); // // console.log(modifiedUrl,'modifiedUrl');
// window.location.href = modifiedUrl; // window.location.href = modifiedUrl;
window.location.href = "http://114.216.202.175:8008/ecobrainportal/index.html"; window.location.href = "https://qytt.sipac.gov.cn/ecobrainportal/index.html";
next({ path: "/" }); next({ path: "/" });
}); });
// store.dispatch("LogOut").then(() => { // store.dispatch("LogOut").then(() => {

8
src/views/dataCloudMap/components/echartData.vue
Unescape View File

@ -181,15 +181,21 @@ export default {
} }
}, },
mounted(){ mounted(){
this.$nextTick(()=>{ this.$nextTick(()=>{
this.initEchart(); this.initEchart();
}) })
setTimeout(()=>{ setTimeout(()=>{
this.getService(1); this.getService(1);
},200) },200)
window.addEventListener('resize', this.cancalDebounce);
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
}, },
methods:{ methods:{
cancalDebounce(){
window.onresize = this.myChart.resize();
},
initEchart(){ initEchart(){
var chartDom = document.getElementById("echarts"); var chartDom = document.getElementById("echarts");
this.myChart = echarts.init(chartDom); this.myChart = echarts.init(chartDom);

367
src/views/dataCloudMap/index.vue
Unescape View File

@ -93,213 +93,215 @@
</div> </div>
<span class="dataCloudMap-data">【统计数据截至：{{ time }}】</span> <span class="dataCloudMap-data">【统计数据截至：{{ time }}】</span>
</div> </div>
<div class="dataCloudMap-enterprise"> <div class="dataCloudMap-enterprise-bottom">
<!-- 第一个卡片 --> <div class="dataCloudMap-enterprise">
<el-card shadow="always"> <!-- 第一个卡片 -->
<div slot="header" class="clearfix"> <el-card shadow="always">
<span>生产性服务业</span> <div slot="header" class="clearfix">
</div> <span>生产性服务业</span>
<div class="card-items">
<div class="card-item-left">
<div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('生产性服务业企业')">768</div>
<div class="card-unit">家</div>
</div>
</div>
<div class="card-items">
<div class="card-item-left">
<div class="card-img card-img-two"></div>
<div class="card-type">规上企业营收:</div>
</div>
<div class="card-item-right">
<div class="card-number number-two">1913</div>
<div class="card-unit unit-two">亿</div>
</div>
</div>
<div class="card-items">
<div class="card-item-left">
<div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
</div>
<div class="card-item-right">
<div class="card-number number-three">132</div>
<div class="card-unit unit-two">亿</div>
</div>
</div>
</el-card>
<!-- 第二个卡片 -->
<el-card shadow="always">
<div slot="header" class="clearfix">
<span>生活性服务业</span>
</div>
<div class="card-items">
<div class="card-item-left">
<div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('生活性服务业企业')">768</div>
<div class="card-unit">家</div>
</div>
</div>
<div class="card-items">
<div class="card-item-left">
<div class="card-img card-img-two"></div>
<div class="card-type">规上企业营收:</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-two">1913</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('生产性服务业企业')">768</div>
<div class="card-unit">家</div>
</div>
</div> </div>
</div> <div class="card-items">
<div class="card-items"> <div class="card-item-left">
<div class="card-item-left"> <div class="card-img card-img-two"></div>
<div class="card-img card-img-three"></div> <div class="card-type">规上企业营收:</div>
<div class="card-type">全口径增加值:</div> </div>
<div class="card-item-right">
<div class="card-number number-two">1913</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-three">132</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
</div>
<div class="card-item-right">
<div class="card-number number-three">132</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
</div> </el-card>
</el-card> <!-- 第二个卡片 -->
<!-- 第三个卡片 --> <el-card shadow="always">
<el-card shadow="always"> <div slot="header" class="clearfix">
<div slot="header" class="clearfix"> <span>生活性服务业</span>
<span>新兴服务业</span>
</div>
<div class="card-items">
<div class="card-item-left">
<div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number" @click="enterInfo('新兴服务业企业')">768</div> <div class="card-item-left">
<div class="card-unit">家</div> <div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('生活性服务业企业')">768</div>
<div class="card-unit">家</div>
</div>
</div> </div>
</div> <div class="card-items">
<div class="card-items"> <div class="card-item-left">
<div class="card-item-left"> <div class="card-img card-img-two"></div>
<div class="card-img card-img-two"></div> <div class="card-type">规上企业营收:</div>
<div class="card-type">规上企业营收:</div> </div>
<div class="card-item-right">
<div class="card-number number-two">1913</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-two">1913</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
</div>
<div class="card-item-right">
<div class="card-number number-three">132</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
</div> </el-card>
<div class="card-items"> <!-- 第三个卡片 -->
<div class="card-item-left"> <el-card shadow="always">
<div class="card-img card-img-three"></div> <div slot="header" class="clearfix">
<div class="card-type">全口径增加值:</div> <span>新兴服务业</span>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-three">132</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('新兴服务业企业')">768</div>
<div class="card-unit">家</div>
</div>
</div> </div>
</div> <div class="card-items">
</el-card> <div class="card-item-left">
<!-- 第四个卡片 --> <div class="card-img card-img-two"></div>
<el-card shadow="always"> <div class="card-type">规上企业营收:</div>
<div slot="header" class="clearfix"> </div>
<span>限上批零住餐</span> <div class="card-item-right">
</div> <div class="card-number number-two">1913</div>
<div class="card-items"> <div class="card-unit unit-two">亿</div>
<div class="card-item-left"> </div>
<div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number" @click="enterInfo('限上批零住餐企业')">768</div> <div class="card-item-left">
<div class="card-unit">家</div> <div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
</div>
<div class="card-item-right">
<div class="card-number number-three">132</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
</div> </el-card>
<div class="card-items"> <!-- 第四个卡片 -->
<div class="card-item-left"> <el-card shadow="always">
<div class="card-img card-img-two"></div> <div slot="header" class="clearfix">
<div class="card-type">规上企业营收:</div> <span>限上批零住餐</span>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-two">1913</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img"></div>
<div class="card-type">规上企业数量:</div>
</div>
<div class="card-item-right">
<div class="card-number" @click="enterInfo('限上批零住餐企业')">768</div>
<div class="card-unit">家</div>
</div>
</div> </div>
</div> <div class="card-items">
<div class="card-items"> <div class="card-item-left">
<div class="card-item-left"> <div class="card-img card-img-two"></div>
<div class="card-img card-img-three"></div> <div class="card-type">规上企业营收:</div>
<div class="card-type">全口径增加值:</div> </div>
<div class="card-item-right">
<div class="card-number number-two">1913</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
<div class="card-item-right"> <div class="card-items">
<div class="card-number number-three">132</div> <div class="card-item-left">
<div class="card-unit unit-two">亿</div> <div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
</div>
<div class="card-item-right">
<div class="card-number number-three">132</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> </div>
</div> </el-card>
</el-card>
</div>
<div class="dataCloudMap-statistics">
<div class="statistics-title">
总部企业
</div> </div>
<div class="statistics-items"> <div class="dataCloudMap-statistics">
<div class="statistics-item"> <div class="statistics-title">
<div class="statistics-item-img"></div> 总部企业
<div class="statistics-item-type">企业数量:</div> </div>
<div class="statistics-item-right"> <div class="statistics-items">
<div class="statistics-item-number" @click="headqEnterpriseBtn">365</div> <div class="statistics-item">
<div class="statistics-item-unit"> <div class="statistics-item-img"></div>
<span>家</span> <div class="statistics-item-type">企业数量:</div>
<div class="statistics-item-right">
<div class="statistics-item-number" @click="headqEnterpriseBtn">365</div>
<div class="statistics-item-unit">
<span>家</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="statistics-items">
<div class="statistics-items"> <div class="statistics-item">
<div class="statistics-item"> <div class="statistics-item-img item-img-two"></div>
<div class="statistics-item-img item-img-two"></div> <div class="statistics-item-type">税收贡献:</div>
<div class="statistics-item-type">税收贡献:</div> <div class="statistics-item-right">
<div class="statistics-item-right"> <div class="statistics-item-number number-two">1913</div>
<div class="statistics-item-number number-two">1913</div> <div class="statistics-item-unit unit-two">
<div class="statistics-item-unit unit-two"> <span>亿</span>
<span>亿</span> <el-popover
<el-popover placement="top"
placement="top" width="207"
width="207" trigger="click"
trigger="click" >
> <div class="popover-Tooltip">增值税+企业所得税-免抵调库</div>
<div class="popover-Tooltip">增值税+企业所得税-免抵调库</div> <img slot="reference" src="@/assets/images/Mapi.png" alt="">
<img slot="reference" src="@/assets/images/Mapi.png" alt=""> </el-popover>
</el-popover> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="statistics-items statistics-items-none">
<div class="statistics-items statistics-items-none"> <div class="statistics-item">
<div class="statistics-item"> <div class="statistics-item-img item-img-three"></div>
<div class="statistics-item-img item-img-three"></div> <div class="statistics-item-type">经营数据:</div>
<div class="statistics-item-type">经营数据:</div> <div class="statistics-item-right">
<div class="statistics-item-right"> <div class="statistics-item-number number-three">132</div>
<div class="statistics-item-number number-three">132</div> <div class="statistics-item-unit unit-two">
<div class="statistics-item-unit unit-two"> <span>亿</span>
<span>亿</span> <el-popover
<el-popover placement="top"
placement="top" width="170"
width="170" trigger="click"
trigger="click" >
> <div class="popover-Tooltip">
<div class="popover-Tooltip"> <div>制造业总部提供产值</div>
<div>制造业总部提供产值</div> <div>服务业总部提供营收</div>
<div>服务业总部提供营收</div> <div>建筑业总部提供产值</div>
<div>建筑业总部提供产值</div> <div>贸易类总部提供销售额</div>
<div>贸易类总部提供销售额</div> </div>
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
</el-popover>
</div> </div>
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
</el-popover>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -413,13 +415,9 @@ export default {
options1: [ options1: [
{ {
name: "按年", name: "按年",
// url: require("../../assets/images/bg1.png"),
// url1: require("../../assets/images/bg2.png"),
}, },
{ {
name: "按季度", name: "按季度",
// url: require("../../assets/images/tb1.png"),
// url1: require("../../assets/images/tb2.png"),
}, },
], ],
loadingOne: false, loadingOne: false,
@ -446,7 +444,6 @@ export default {
this.getIndustryDepthList(); this.getIndustryDepthList();
// this.init() // this.init()
this.time = this.getNowFormatDate(); this.time = this.getNowFormatDate();
console.log(this.time);
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener('resize', this.cancalDebounce);
}, },

10
src/views/onlineDeclaration/template/index.vue
Unescape View File

@ -246,12 +246,12 @@ export default {
/** 查看流程图 */ /** 查看流程图 */
handleProcessView(row) { handleProcessView(row) {
this.designerData.title = "流程设计 - " + row.templateName; this.designerData.title = "流程设计 - " + row.templateName;
this.designerData.modelId = row.id; this.designerData.modelId = "";
this.designerOpen = true; this.designerOpen = true;
this.designerData.form = { // this.designerData.form = {
processName: row.templateName, // processName: row.templateName,
processKey: row.id + '' // processKey: row.id + ''
} // }
// if (row.modelId) { // if (row.modelId) {
// this.designerData.loading = true; // this.designerData.loading = true;
// getBpmnXml(row.modelId).then(response => { // getBpmnXml(row.modelId).then(response => {

85
src/views/workbench/index.vue
Unescape View File

@ -24,46 +24,48 @@
</header> </header>
<main class="home-main"> <main class="home-main">
<el-row class="main-row"> <el-row class="main-row">
<el-col :span="16" class="work-main-left"> <el-col :span="14" class="work-main-left service-left">
<div class="main-left"> <!-- <div class="main-left">
<div class="left-header"> <div class="left-header">
<div class="left-header-title">【服务业数据概览】</div> <div class="left-header-title">【服务业数据概览】</div>
</div> </div>
</div> </div> -->
<!-- <div class="dataCloudMap-left-top"> <div class="echart-title">
<div class="echart-title"> <div class="echart-left-title">
<div class="echart-left-title"> <div class="L-title-left">
<div class="L-title-left"> <span class="dataCloudMap-birght"></span>
<span class="dataCloudMap-birght"></span> <span class="dataCloudMap-title">服务业发展总览</span>
<span class="dataCloudMap-title">服务业发展总览</span>
</div>
<span class="dataCloudMap-data">【统计数据截至：2024-01】</span>
</div> </div>
<div class="rightBigNav"> <span class="dataCloudMap-data">【统计数据截至：2024-01】</span>
<div class="right-nav"> </div>
<div <div class="rightBigNav">
class="tabStyle" <div class="right-nav">
v-for="(item, index) in options1" <div
:key="index" class="tabStyle"
@click="active(index + 1)" v-for="(item, index) in options1"
:class="activeIndex == index + 1 ? 'change-blue' : ''" :key="index"
> @click="active(index + 1)"
<div class="change-grey-birght" :class="activeIndex == index + 1 ? 'change-blue-birght' : ''"></div> :class="activeIndex == index + 1 ? 'change-blue' : ''"
<span class="change-grey-text" :class="activeIndex == index + 1 ? 'change-blue-text' : ''">{{ item.name }}</span> >
</div> <div class="change-grey-birght" :class="activeIndex == index + 1 ? 'change-blue-birght' : ''"></div>
<span class="change-grey-text" :class="activeIndex == index + 1 ? 'change-blue-text' : ''">{{ item.name }}</span>
</div> </div>
</div> </div>
</div> </div>
<echartData :activeIndex="activeIndex" ref="echartData"/> </div>
</div> --> <echartData :activeIndex="activeIndex" ref="echartData"/>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="10">
<el-row type="flex" class="main-two-row"> <el-row type="flex" class="main-two-row">
<el-col :span="24" class="work-main-left" style="height: 69%;"> <el-col :span="24" class="work-main-left" style="height: 63%;">
<div class="main-left"> <div class="main-left">
<div class="left-header"> <div class="left-header">
<div class="left-header-title">【智能提醒】</div> <div class="left-header-titleS">
<span class="dataCloudMap-birght"></span>
<div class="left-header-title">智能提醒</div>
</div>
<el-button @click="MoreRecords('all')" type="text" v-if="remindList.length > 0">>> 更多记录</el-button>
</div> </div>
<div class="left-main"> <div class="left-main">
<el-card shadow="never" v-for="(item,index) in remindList" :key="index" :class="item.isRead == 1 ? 'el-card-border' : ''"> <el-card shadow="never" v-for="(item,index) in remindList" :key="index" :class="item.isRead == 1 ? 'el-card-border' : ''">
@ -112,11 +114,14 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="24" style="height: 29%;"> <el-col :span="24" style="height: 34%;">
<div class="work-main-right"> <div class="work-main-right">
<div class="main-right"> <div class="main-right">
<div class="right-header"> <div class="right-header">
<div class="right-header-title">【待办提醒】</div> <div class="right-header-box">
<span class="dataCloudMap-birght"></span>
<div class="right-header-title">待办提醒</div>
</div>
<el-button @click="MoreRecords('all')" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button> <el-button @click="MoreRecords('all')" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button>
</div> </div>
<div class="right-main" v-if="backlogArray.length > 0" v-loading="loading"> <div class="right-main" v-if="backlogArray.length > 0" v-loading="loading">
@ -136,6 +141,9 @@
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="main-row-two">
</el-row>
</main> </main>
<el-dialog title="详情" :visible.sync="open" width="400px" append-to-body :close-on-click-modal="false"> <el-dialog title="详情" :visible.sync="open" width="400px" append-to-body :close-on-click-modal="false">
<div class="team-main"> <div class="team-main">
@ -155,10 +163,12 @@ import { approvalList, uploadFile } from "@/api/onlineDeclartion/pendingReview"
import { selectAll, workSearch } from "@/api/jin_ji_hu/home" import { selectAll, workSearch } from "@/api/jin_ji_hu/home"
import { chiefAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder" import { chiefAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder"
import homeIndex from "@/views/home/index.vue" import homeIndex from "@/views/home/index.vue"
import echartData from '@/views/dataCloudMap/components/echartData.vue'
export default { export default {
dicts: ["project_small_type"], dicts: ["project_small_type"],
components:{ components:{
homeIndex homeIndex,
echartData
}, },
data() { data() {
return { return {
@ -186,6 +196,15 @@ export default {
loading:false, loading:false,
remindList: [], remindList: [],
info:{}, info:{},
activeIndex:1,
options1: [
{
name: "按年",
},
{
name: "按季度",
},
],
} }
}, },
mounted(){ mounted(){
@ -195,6 +214,10 @@ export default {
} }
}, },
methods:{ methods:{
active(e) {
this.activeIndex = e;
this.$refs.echartData.getService(e);
},
// 待审批 // 待审批
getList(){ getList(){
this.loading = true; this.loading = true;

Write Preview
Loading…
Cancel
Save