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

企业端工作台企业荣誉资质价格申报时间、echarts刷新样式问题

Browse Source
master
吕天方 8 months ago
parent 7ccc3db0be
commit c1665e4af6
10 changed files with 116 additions and 75 deletions
Show Stats Download Patch File Download Diff File

2
.env.development
Unescape View File

@ -5,7 +5,7 @@ VUE_APP_TITLE = 金鸡湖现代服务业品牌管理系统
ENV = 'development' ENV = 'development'
# 金鸡湖现代服务业品牌管理系统/开发环境 # 金鸡湖现代服务业品牌管理系统/开发环境
# VUE_APP_BASE_API = 'http://192.168.0.110:9040' # VUE_APP_BASE_API = 'http://192.168.0.108:9040'
# 测试环境数据库 # 测试环境数据库
VUE_APP_BASE_API = 'http://39.101.188.84:9040' VUE_APP_BASE_API = 'http://39.101.188.84:9040'
# 脱敏三方测试用数据库 # 脱敏三方测试用数据库

2
package.json
Unescape View File

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

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

@ -2480,14 +2480,17 @@
flex-direction: column; flex-direction: column;
overflow-y: scroll; overflow-y: scroll;
.table-items { .table-items {
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: space-between; // justify-content: space-between;
display: grid;
grid-template-columns: 1fr 1.5fr 1fr;
padding: 10px 20px; padding: 10px 20px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: #fff; background-color: #fff;
.two-left { .two-left {
font-family: AlibabaPuHuiTiM; font-family: AlibabaPuHuiTiM;
// flex: 1;
font-size: 16px; font-size: 16px;
color: #1890FF; color: #1890FF;
font-style: normal; font-style: normal;
@ -2496,6 +2499,7 @@
cursor: pointer; cursor: pointer;
} }
.two-right { .two-right {
// flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
@ -2507,6 +2511,15 @@
font-family: AlibabaPuHuiTiM; font-family: AlibabaPuHuiTiM;
} }
} }
.promoteProject-bottom-right {
font-family: AlibabaPuHuiTiR;
// flex: 1;
font-size: 14px;
color: #666666;
.span-three {
font-family: ArialB;
}
}
} }
} }
// 往年专项资金申报 // 往年专项资金申报

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

@ -121,7 +121,7 @@
<div class="card-unit unit-two">亿</div> <div class="card-unit unit-two">亿</div>
</div> </div>
</div> </div>
<!-- <div class="card-items"> <div class="card-items" v-if="item.servicesType !== 3">
<div class="card-item-left"> <div class="card-item-left">
<div class="card-img card-img-three"></div> <div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div> <div class="card-type">全口径增加值:</div>
@ -130,7 +130,7 @@
<div class="card-number number-three">{{ item.addValue ? item.addValue : '-' }}</div> <div class="card-number number-three">{{ item.addValue ? item.addValue : '-' }}</div>
<div class="card-unit unit-two">亿</div> <div class="card-unit unit-two">亿</div>
</div> </div>
</div> --> </div>
</el-card> </el-card>
</div> </div>
<div class="dataCloudMap-statistics"> <div class="dataCloudMap-statistics">

12
src/views/home/index.vue
Unescape View File

@ -51,6 +51,10 @@
<span class="right-left">项目类别：</span> <span class="right-left">项目类别：</span>
<span class="right-span"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span> <span class="right-span"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span>
</div> </div>
<div class="promoteProject-bottom-right">
申报时间：
<span class="span-three">{{ parseTime(item.createTime, '{y}-{m}-{d}') }}</span>
</div>
</div> </div>
</div> </div>
<el-empty :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty> <el-empty :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty>
@ -136,7 +140,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信、已发送邮件</div> <div class="content-time content-time-two">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -148,7 +152,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信、已发送邮件</div> <div class="content-time content-time-two">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -160,7 +164,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信、已发送邮件</div> <div class="content-time content-time-two">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -171,7 +175,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信、已发送邮件</div> <div class="content-time content-time-two">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>

112
src/views/workbench/components/TopEchart/index.vue
Unescape View File

@ -6,14 +6,6 @@
import * as echarts from "echarts"; import * as echarts from "echarts";
export default { export default {
data() { data() {
let colors = ['#EE462A','#FF8929', '#FFBB00', '#5CBC69', '#00AEFF']
let dataSource = [
{ value: 48, name: 'TOP1',entprice: "苏州众汇聚合信息科技有限公司1"},
{ value: 36, name: 'TOP2',entprice: "苏州众司2"},
{ value: 30, name: 'TOP3',entprice: "苏州众汇聚合信息科技有限公司3"},
{ value: 22, name: 'TOP4',entprice: "苏州众汇聚合信息科技有限公司4"},
{ value: 16, name: 'TOP5',entprice: "苏州众汇聚合信息科技有限公司5"},
];
// 公用调整 // 公用调整
let itemStyle = { let itemStyle = {
// normal: { // normal: {
@ -28,8 +20,42 @@ export default {
return { return {
myChartFive: false, myChartFive: false,
sum: 5000, sum: 5000,
dataSource:dataSource, dataSource:[
option: { { value: 48, name: 'TOP1',entprice: "苏州众汇聚合信息科技有限公司1"},
{ value: 36, name: 'TOP2',entprice: "苏州众司2"},
{ value: 30, name: 'TOP3',entprice: "苏州众汇聚合信息科技有限公司3"},
{ value: 22, name: 'TOP4',entprice: "苏州众汇聚合信息科技有限公司4"},
{ value: 16, name: 'TOP5',entprice: "苏州众汇聚合信息科技有限公司5"},
],
}
},
mounted(){
this.$nextTick(()=>{
setTimeout(()=>{
this.initEchart();
},200)
})
window.addEventListener('resize', this.cancalDebounce);
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
cancalDebounce(){
window.onresize = this.myChartFive.resize();
},
initEchart(){
var chartDom = document.getElementById("echartsFive");
this.myChartFive = echarts.init(chartDom);
let colors = ['#EE462A','#FF8929', '#FFBB00', '#5CBC69', '#00AEFF']
let dataSource = [
{ value: 48, name: 'TOP1',entprice: "苏州众汇聚合信息科技有限公司1"},
{ value: 36, name: 'TOP2',entprice: "苏州众司2"},
{ value: 30, name: 'TOP3',entprice: "苏州众汇聚合信息科技有限公司3"},
{ value: 22, name: 'TOP4',entprice: "苏州众汇聚合信息科技有限公司4"},
{ value: 16, name: 'TOP5',entprice: "苏州众汇聚合信息科技有限公司5"},
];
let option = {
grid: { grid: {
left: '8%', left: '8%',
right: '32%', right: '32%',
@ -130,7 +156,7 @@ export default {
verticalAlign: 'middle', verticalAlign: 'middle',
align: 'left', align: 'left',
padding: [0, 0, 0, 20], padding: [0, 0, 0, 20],
formatter: (value) => { formatter: (value,index) => {
let name; let name;
for (let index = 0; index < this.dataSource.length; index++) { for (let index = 0; index < this.dataSource.length; index++) {
if(this.dataSource[index].value == value) { if(this.dataSource[index].value == value) {
@ -138,7 +164,7 @@ export default {
} }
} }
return "{entprice|" + name + "}{value|" + value + "}{unit|%}" return "{entprice|" + name + "}{entpriceValue|" + value + `}{entpriceUnit${index}|%}`
}, },
rich: { rich: {
entprice:{ entprice:{
@ -147,7 +173,7 @@ export default {
color: "#666", color: "#666",
align:"left" align:"left"
}, },
value:{ entpriceValue:{
fontFamily: "DINCondensed", fontFamily: "DINCondensed",
fontSize: "24px", fontSize: "24px",
color: "#0086FF", color: "#0086FF",
@ -156,13 +182,49 @@ export default {
padding: [3,0,0,10], padding: [3,0,0,10],
fontStyle: "italic", fontStyle: "italic",
}, },
unit:{ entpriceUnit0:{
fontFamily: "Arial",
fontSize: "12px",
color: "#0086FF",
fontWeight: "bold",
align:"left",
padding: [3,0,0,5],
fontStyle: "italic",
},
entpriceUnit1:{
fontFamily: "Arial",
fontSize: "12px",
color: "#0086FF",
fontWeight: "bold",
align:"left",
padding: [3,0,0,5],
fontStyle: "italic",
},
entpriceUnit2:{
fontFamily: "Arial", fontFamily: "Arial",
fontSize: "12px", fontSize: "12px",
color: "#0086FF", color: "#0086FF",
fontWeight: "bold", fontWeight: "bold",
align:"left", align:"left",
padding: [3,0,0,-10], padding: [3,0,0,5],
fontStyle: "italic",
},
entpriceUnit3:{
fontFamily: "Arial",
fontSize: "12px",
color: "#0086FF",
fontWeight: "bold",
align:"left",
padding: [3,0,0,5],
fontStyle: "italic",
},
entpriceUnit4:{
fontFamily: "Arial",
fontSize: "12px",
color: "#0086FF",
fontWeight: "bold",
align:"left",
padding: [3,0,0,5],
fontStyle: "italic", fontStyle: "italic",
}, },
} }
@ -195,25 +257,7 @@ export default {
}, },
] ]
} }
} this.myChartFive.setOption(option)
},
mounted(){
this.$nextTick(()=>{
this.initEchart();
})
window.addEventListener('resize', this.cancalDebounce);
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
},
methods:{
cancalDebounce(){
window.onresize = this.myChartFive.resize();
},
initEchart(){
var chartDom = document.getElementById("echartsFive");
this.myChartFive = echarts.init(chartDom);
this.myChartFive.setOption(this.option)
// this.legendselectchanged(this.myChartFive) // this.legendselectchanged(this.myChartFive)
}, },
// legendselectchanged(myChart){ // legendselectchanged(myChart){

23
src/views/workbench/components/capitalAppropriateAnalyse/index.vue
Unescape View File

@ -25,36 +25,13 @@ export default {
mounted(){ mounted(){
this.$nextTick(()=>{ this.$nextTick(()=>{
this.initEchart(); this.initEchart();
// this.getList();
}) })
setTimeout(()=>{
// this.getList();
},200)
window.addEventListener('resize', this.cancalDebounce); window.addEventListener('resize', this.cancalDebounce);
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce); window.removeEventListener('resize', this.cancalDebounce);
}, },
methods:{ methods:{
getList(){
fundStatistics().then(res=>{
let colors = ['#FFBB00', '#5CBC69', '#00AEFF']
let arr = [];
let sum = 0;
res.data.forEach((element,index) => {
let obj = {};
obj.label = {};
obj.name = element.type;
obj.value = element.fundSum;
obj.label.color = colors[index];
sum += element.fundSum;
arr.push(obj);
});
this.sums = sum;
this.option.legend.data = arr;
this.option.series[0].data = arr;
})
},
cancalDebounce(){ cancalDebounce(){
window.onresize = this.myChartFour.resize(); window.onresize = this.myChartFour.resize();
}, },

4
src/views/workbench/components/statisticsAnalyse/index.vue
Unescape View File

@ -142,7 +142,9 @@ export default {
}, },
mounted(){ mounted(){
this.$nextTick(()=>{ this.$nextTick(()=>{
this.initEchart(); setTimeout(()=>{
this.initEchart();
},200)
}) })
window.addEventListener('resize', this.cancalDebounce); window.addEventListener('resize', this.cancalDebounce);
}, },

5
src/views/workbench/components/statisticsNew/index.vue
Unescape View File

@ -143,7 +143,9 @@ export default {
}, },
mounted(){ mounted(){
this.$nextTick(()=>{ this.$nextTick(()=>{
this.initEchart(); setTimeout(()=>{
this.initEchart();
},200)
}) })
window.addEventListener('resize', this.cancalDebounce); window.addEventListener('resize', this.cancalDebounce);
}, },
@ -152,7 +154,6 @@ export default {
}, },
methods:{ methods:{
cancalDebounce(){ cancalDebounce(){
console.log("走了吗");
window.onresize = this.myChartTwo.resize(); window.onresize = this.myChartTwo.resize();
}, },
initEchart(){ initEchart(){

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

@ -80,7 +80,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time">已发送短信、已发送邮件</div> <div class="content-time">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -94,7 +94,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time">已发送短信、已发送邮件</div> <div class="content-time">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -105,7 +105,7 @@
<div class="content-middle">{{ item.alertContent }}</div> <div class="content-middle">{{ item.alertContent }}</div>
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time">已发送短信、已发送邮件</div> <div class="content-time">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>
@ -117,7 +117,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time">已发送短信、已发送邮件</div> <div class="content-time">已发送短信</div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save