Newer
Older
KaiFengPC / src / views / spongePerformance / mainIndex / chart.js
@zhangdeliang zhangdeliang on 23 May 4 KB 初始化项目
import { ref } from 'vue';
const LeftTop = ref({
  xData: [
    { name: '优', value: 22 },
    { name: '良', value: 22 },
  ],
  yData: [],
  type: 'pie',
  center: ['29.9%', '58%'],
  x: '20%',
  y: '45%',
  subtext: '项目总数',
  padding: [10, 0, 0, 0],
  itemStyle: {
    normal: {
      borderWidth: 9,
      borderColor: '#fff',
      color: function (colors) {
        var colorList = ['#86D882 ', '#159AFF', '#F8AA45 ', '#FF6969', '#5470c6'];
        return colorList[colors.dataIndex];
      },
    },
  },
});
const LeftCenter = ref({
  xData: [
    { name: '优', value: 22 },
    { name: '良', value: 22 },
    { name: '中', value: 22 },
    { name: '差', value: '11' },
  ],
  yData: [],
  type: 'pie',
  center: ['29.9%', '58%'],
  x: '24%',
  y: '45%',
  subtext: '优',
  padding: [10, 0, 0, 0],
  itemStyle: {
    normal: {
      borderWidth: 9,
      borderColor: '#fff',
      color: function (colors) {
        var colorList = ['#86D882 ', '#159AFF', '#F8AA45 ', '#FF6969', '#5470c6'];
        return colorList[colors.dataIndex];
      },
    },
  },
});

const rightCenterRef = ref({
  all: 88,
  xData: ['优', '良', '中', '差'],
  yData: [50, 60, 70, 20],
  defaultData: [],
  titleArray: [],
  colorList: ['#86D882', '#159AFF', '#F8AA45', '#FF6969', '#C7A530', '#FF8439'],
});
const rightFootRef = ref({
  all: 50,
  yData: [50],
  defaultData: [100, 100, 100, 100],
  titleArray: ['分布', '投资'],
  colorList: ['#4487F5', '#48E38F '],
});
const centerData = ref({
  yData: [
    { label: '项目评估', value: 10, color: ['#F8AA45', '#F8AA45', '#F8AA45'] },
    { label: '三星', value: 10, isStar: true, color: ['#F8AA45', '#F8AA45', '#F8AA45'] },
    { label: '二星', value: 10, isStar: true, color: ['#F8AA45', '#F8AA45', '#ddd'] },
    { label: '一星', value: 10, isStar: true, color: ['#F8AA45', '#ddd', '#ddd'] },
    { label: '无星', value: 10, isStar: true, color: ['#ddd', '#ddd', '#ddd'] },
    { label: '未达标', value: 10, color: ['#F8AA45', '#F8AA45', '#F8AA45'] },
  ],
  data: [100, 100, 100, 100],
  titleArray: ['分布', '投资'],
});
const footRightTopRef = ref({
  all: 88,
  xData: ['上年度', '本年度'],
  yData: [],
  defaultData: [100, 100, 100, 100],
  titleArray: ['上年度', '本年度'],
  colorList: ['#4487F5', '#48E38F ', '#D1FBE4 ', '#A7EFFF ', '#4487F5', '#48E38F'],
});

const footCenterRef = ref({
  all: 88,
  xData: ['上年度', '本年度'],
  yData: [50, 160],
  defaultData: [100, 100, 100, 100],
  titleArray: ['上年度', '本年度'],
  colorList: ['#4487F5', '#48E38F ', '#D1FBE4 ', '#A7EFFF ', '#4487F5', '#48E38F'],
});
const rightTopRef = ref({
  titleArray: ['指标', '目标'],
  colorList: ['#4487F5', '#48E38F ', '#D1FBE4 ', '#A7EFFF ', '#4487F5', '#48E38F'],
});

const LeftFoot = {
  all: 88,
  // bottom: ' 12%',
  xData: ['开工', '完工', '完成投资', '目标完工'],
  yData: [50, 60, 70, 20],
  defaultData: [100, 100, 100, 100],
  titleArray: ['项目个数'],
  colorList: ['#4487F5 ', '#44F5EA  ', '#715AFE  ', '#4AE491  ', '#4487F5', '#48E38F'],
};
const columnList = [
  {
    prop: 'itemContent',
    label: '考核指标',
  },
  {
    prop: 'standardFlag',
    label: '是否达标',
  },
  {
    prop: 'itemScore',
    label: '分值',
  },
  {
    prop: 'realScore',
    label: '得分',
  },
];
const columnList1 = [
  {
    prop: 'itemContent',
    label: '指标内容',
  },
  {
    prop: 'standardFlag',
    label: '是否达标',
  },
  {
    prop: 'itemScore',
    label: '分值',
  },
  {
    prop: 'realScore',
    label: '得分',
  },
];
const fourList = ref([
  {
    allname: '管理绩效',
    value: 'jsgcgl',
    tittle: '建设工程管理',
    xData: [],
    yData: [],
  },
  { name: '管理绩效', tittle: '立法及长效机制', value: 'yssj', allname: '', isBorder: 1 },
  { name: '', tittle: '其他相管理绩效', value: 'other', standardFlag: 1, allname: '', isBorder: 1 },
]);
export {
  LeftTop,
  LeftCenter,
  rightCenterRef,
  rightFootRef,
  centerData,
  footRightTopRef,
  footCenterRef,
  rightTopRef,
  LeftFoot,
  columnList,
  columnList1,
  fourList,
};