q=5 堡座 检验样品情况修改当前月份
This commit is contained in:
parent
c4f4bd9201
commit
d12f1b8ec4
|
|
@ -47,9 +47,9 @@
|
||||||
<div class="rank-progress">
|
<div class="rank-progress">
|
||||||
<div
|
<div
|
||||||
class="rank-bar"
|
class="rank-bar"
|
||||||
:style="{ width: item.value + '%' }"
|
:style="{ width: currentMonth>=index+1?item.value + '%' : '0%' }"
|
||||||
></div>
|
></div>
|
||||||
<span class="rank-value">{{ item.value }}%</span>
|
<span class="rank-value">{{currentMonth>=index+1? item.value : '0' }}%</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -81,7 +81,7 @@ import * as echarts from 'echarts';
|
||||||
import testRes from './test'
|
import testRes from './test'
|
||||||
import LeftChart2 from './LeftChart2'
|
import LeftChart2 from './LeftChart2'
|
||||||
|
|
||||||
console.log(testRes)
|
const currentMonth = new Date().getMonth() + 1;
|
||||||
export default {
|
export default {
|
||||||
name: 'CenterCmp',
|
name: 'CenterCmp',
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -124,6 +124,7 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
currentMonth: currentMonth,
|
||||||
config: {
|
config: {
|
||||||
data: [
|
data: [
|
||||||
{
|
{
|
||||||
|
|
@ -204,13 +205,13 @@ export default {
|
||||||
{ name: '03月', value: 90 },
|
{ name: '03月', value: 90 },
|
||||||
{ name: '04月', value: 85 },
|
{ name: '04月', value: 85 },
|
||||||
{ name: '05月', value: 95 },
|
{ name: '05月', value: 95 },
|
||||||
{ name: '06月', value: 0 },
|
{ name: '06月', value: 99 },
|
||||||
{ name: '07月', value: 0 },
|
{ name: '07月', value: 100 },
|
||||||
{ name: '08月', value: 0 },
|
{ name: '08月', value: 88 },
|
||||||
{ name: '09月', value: 0 },
|
{ name: '09月', value: 92 },
|
||||||
{ name: '10月', value: 0 },
|
{ name: '10月', value: 96 },
|
||||||
{ name: '11月', value: 0 },
|
{ name: '11月', value: 89 },
|
||||||
{ name: '12月', value: 0 },
|
{ name: '12月', value: 97 },
|
||||||
],
|
],
|
||||||
staffList: [
|
staffList: [
|
||||||
{ name: '负责人', arrived: 1, total: 1 },
|
{ name: '负责人', arrived: 1, total: 1 },
|
||||||
|
|
@ -234,6 +235,7 @@ export default {
|
||||||
mounted() {
|
mounted() {
|
||||||
this.initRightChart();
|
this.initRightChart();
|
||||||
this.initPieChart(); // 新增初始化饼图方法
|
this.initPieChart(); // 新增初始化饼图方法
|
||||||
|
|
||||||
},
|
},
|
||||||
// 在methods中添加方法
|
// 在methods中添加方法
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
// import App from './AppV2.vue'
|
// import App from './AppV2.vue'
|
||||||
//import App from './AppV3.vue'
|
// import App from './AppV3.vue'
|
||||||
import ElementUI from 'element-ui'
|
import ElementUI from 'element-ui'
|
||||||
import 'element-ui/lib/theme-chalk/index.css'
|
import 'element-ui/lib/theme-chalk/index.css'
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue