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

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

Browse Source
master
吕天方 5 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'
# 金鸡湖现代服务业品牌管理系统/开发环境
# 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'
# 脱敏三方测试用数据库

2
package.json
Unescape View File

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

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

@ -2480,14 +2480,17 @@
flex-direction: column;
overflow-y: scroll;
.table-items {
display: flex;
align-items: center;
justify-content: space-between;
// display: flex;
// align-items: center;
// justify-content: space-between;
display: grid;
grid-template-columns: 1fr 1.5fr 1fr;
padding: 10px 20px;
margin-bottom: 10px;
background-color: #fff;
.two-left {
font-family: AlibabaPuHuiTiM;
// flex: 1;
font-size: 16px;
color: #1890FF;
font-style: normal;
@ -2496,6 +2499,7 @@
cursor: pointer;
}
.two-right {
// flex: 1;
display: flex;
align-items: center;
font-size: 14px;
@ -2507,6 +2511,15 @@
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>
</div>
<!-- <div class="card-items">
<div class="card-items" v-if="item.servicesType !== 3">
<div class="card-item-left">
<div class="card-img card-img-three"></div>
<div class="card-type">全口径增加值:</div>
@ -130,7 +130,7 @@
<div class="card-number number-three">{{ item.addValue ? item.addValue : '-' }}</div>
<div class="card-unit unit-two">亿</div>
</div>
</div> -->
</div>
</el-card>
</div>
<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-span"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span>
</div>
<div class="promoteProject-bottom-right">
申报时间：
<span class="span-three">{{ parseTime(item.createTime, '{y}-{m}-{d}') }}</span>
</div>
</div>
</div>
<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="tixing-duanxin">
<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>
@ -148,7 +152,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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>
@ -160,7 +164,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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>
@ -171,7 +175,7 @@
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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>

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

@ -6,14 +6,6 @@
import * as echarts from "echarts";
export default {
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 = {
// normal: {
@ -28,8 +20,42 @@ export default {
return {
myChartFive: false,
sum: 5000,
dataSource:dataSource,
option: {
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"},
],
}
},
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: {
left: '8%',
right: '32%',
@ -130,7 +156,7 @@ export default {
verticalAlign: 'middle',
align: 'left',
padding: [0, 0, 0, 20],
formatter: (value) => {
formatter: (value,index) => {
let name;
for (let index = 0; index < this.dataSource.length; index++) {
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: {
entprice:{
@ -147,7 +173,7 @@ export default {
color: "#666",
align:"left"
},
value:{
entpriceValue:{
fontFamily: "DINCondensed",
fontSize: "24px",
color: "#0086FF",
@ -156,13 +182,49 @@ export default {
padding: [3,0,0,10],
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",
fontSize: "12px",
color: "#0086FF",
fontWeight: "bold",
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",
},
}
@ -195,25 +257,7 @@ export default {
},
]
}
}
},
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.myChartFive.setOption(option)
// this.legendselectchanged(this.myChartFive)
},
// legendselectchanged(myChart){

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

@ -25,36 +25,13 @@ export default {
mounted(){
this.$nextTick(()=>{
this.initEchart();
// this.getList();
})
setTimeout(()=>{
// this.getList();
},200)
window.addEventListener('resize', this.cancalDebounce);
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
},
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(){
window.onresize = this.myChartFour.resize();
},

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save