diff --git a/src/App.vue b/src/App.vue index ef3bd11..28c9f49 100644 --- a/src/App.vue +++ b/src/App.vue @@ -47,6 +47,9 @@ watch( immediate: true } ) + + + @@ -46,7 +61,8 @@ import { useDictData } from '@/hooks/useDictOptions' const props = defineProps({ project_id: Number, - node_type: Number + node_type: Number, + multipleChoice: Boolean }) // 查询条件 // 查询条件 @@ -58,13 +74,16 @@ const queryParams = reactive({ }) const { dictData } = useDictData('check_item_node_type') const multipleSelection = ref([]) +const dialogTableVisible = ref(false) +const tit = ref('') +const htmlContent = ref('') // 选中数据 const emits = defineEmits(["customEvent"]); // 选中数据子父传递 const handleCurrentChange = (value: any) => { - if (!props.node_type) return + if (props.multipleChoice) return emits("customEvent", value); }; diff --git a/src/views/data_report_department/index.vue b/src/views/data_report_department/index.vue index 1ccf02e..6578ff3 100644 --- a/src/views/data_report_department/index.vue +++ b/src/views/data_report_department/index.vue @@ -7,10 +7,10 @@ - + - + @@ -31,8 +31,8 @@ var option: any; var myChart: any const showChart = ref(true) -const chartWitdth = ref(800) -const chartHeight = ref(500) +const chartWitdth = ref(500) +const chartHeight = ref(800) const chartType = ref(3) const chartTypeList = reactive([ { @@ -53,8 +53,12 @@ const chartTypeList = reactive([ }, ]) + // 柱状图 let option1 = { + tooltip: { + trigger: 'item', + }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] @@ -65,9 +69,10 @@ let option1 = { series: [ { data: [120, 200, 150, 80, 70, 110, 130], - type: 'bar' + type: 'bar', } - ] + ], + }; // 漏斗图 @@ -111,13 +116,16 @@ let option4 = { { value: 20, name: 'Order' }, { value: 80, name: 'Click' }, { value: 100, name: 'Show' } - ] + ], } ] }; // 折线图 let option2 = { + tooltip: { + trigger: 'item' + }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] @@ -128,16 +136,19 @@ let option2 = { series: [ { data: [150, 230, 224, 218, 135, 147, 260], - type: 'line' + type: 'line', } ] }; // 饼图 let option3 = { + tooltip: { + trigger: 'item' + }, legend: { orient: 'vertical', - left: 'left' + left: 'left', }, series: [ { @@ -157,13 +168,28 @@ let option3 = { shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } - } + }, } ] }; option = option3 +const getData = async () => { + let res = await apistatisticsprojectInitiation() + // // option = option1 + // // option = option2 + // option = option3 + initChart() +} + + +const initChart = () => { + myChart = echarts.init(chartDom); + myChart.setOption(option, true); +} + + const changeChartType = (e: any) => { switch (e) { case 1: @@ -180,24 +206,13 @@ const changeChartType = (e: any) => { break; } initChart() - } - - -const getData = async () => { - let res = await apistatisticsprojectInitiation() - // // option = option1 - // // option = option2 - // option = option3 - initChart() +const chartResize = () => { + myChart.resize() } -const initChart = () => { - myChart = echarts.init(chartDom); - myChart.setOption(option); -} onMounted(() => { chartDom = document.getElementById('main'); @@ -207,6 +222,7 @@ onMounted(() => { + - diff --git a/src/views/data_report_personnel/index.vue b/src/views/data_report_personnel/index.vue index 1ccf02e..4558b16 100644 --- a/src/views/data_report_personnel/index.vue +++ b/src/views/data_report_personnel/index.vue @@ -7,10 +7,10 @@ - + - + @@ -31,8 +31,8 @@ var option: any; var myChart: any const showChart = ref(true) -const chartWitdth = ref(800) -const chartHeight = ref(500) +const chartWitdth = ref(500) +const chartHeight = ref(800) const chartType = ref(3) const chartTypeList = reactive([ { @@ -53,8 +53,12 @@ const chartTypeList = reactive([ }, ]) + // 柱状图 let option1 = { + tooltip: { + trigger: 'item', + }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] @@ -65,9 +69,10 @@ let option1 = { series: [ { data: [120, 200, 150, 80, 70, 110, 130], - type: 'bar' + type: 'bar', } - ] + ], + }; // 漏斗图 @@ -111,13 +116,16 @@ let option4 = { { value: 20, name: 'Order' }, { value: 80, name: 'Click' }, { value: 100, name: 'Show' } - ] + ], } ] }; // 折线图 let option2 = { + tooltip: { + trigger: 'item' + }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] @@ -128,16 +136,19 @@ let option2 = { series: [ { data: [150, 230, 224, 218, 135, 147, 260], - type: 'line' + type: 'line', } ] }; // 饼图 let option3 = { + tooltip: { + trigger: 'item' + }, legend: { orient: 'vertical', - left: 'left' + left: 'left', }, series: [ { @@ -157,13 +168,28 @@ let option3 = { shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } - } + }, } ] }; option = option3 +const getData = async () => { + let res = await apistatisticsprojectInitiation() + // // option = option1 + // // option = option2 + // option = option3 + initChart() +} + + +const initChart = () => { + myChart = echarts.init(chartDom); + myChart.setOption(option, true); +} + + const changeChartType = (e: any) => { switch (e) { case 1: @@ -180,24 +206,13 @@ const changeChartType = (e: any) => { break; } initChart() - } - - -const getData = async () => { - let res = await apistatisticsprojectInitiation() - // // option = option1 - // // option = option2 - // option = option3 - initChart() +const chartResize = () => { + myChart.resize() } -const initChart = () => { - myChart = echarts.init(chartDom); - myChart.setOption(option); -} onMounted(() => { chartDom = document.getElementById('main'); @@ -205,8 +220,8 @@ onMounted(() => { }) - + - diff --git a/src/views/supervision_accept/edit.vue b/src/views/supervision_accept/edit.vue index 4126492..2180443 100644 --- a/src/views/supervision_accept/edit.vue +++ b/src/views/supervision_accept/edit.vue @@ -1,7 +1,7 @@ - + + + + +