Newer
Older
Nanping_sponge_HHDP / src / views / Sponge_screen / components / home / leftComp / index.js
@liyingjing liyingjing on 25 Oct 2023 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

}