AI水务
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
yangyin
2024-07-19 611a76d81950b33224b7fa4e69b2c3a74b85ceb6 
 customer_list/ch/ai_html/views/demo/html/MonthlyLeaderBoard.html


@@ -50,8 +50,8 @@


</head>




<body>


   <div class="w-full h-full bg-[#f2f4f8]" id="leaderBoard">


      <div class="mx-[5px] my-[5px] space-y-1 bg-[rgb(242,244,248)]">


   <div class="w-full h-full bg-[#f2f4f8] px-[5px] py-[5px]" id="leaderBoard">


      <div class="space-y-1 bg-[rgb(242,244,248)]">


         <div class="bg-white">


            <div class="item_title">


               <div class="leader_left"></div>


@@ -73,6 +73,8 @@


</body>


<script>


   const { createApp, onMounted, ref, reactive } = Vue;


   const leaderChartDomRef = ref(null);


   const leaderBarChartDomRef = ref(null);


   const App = createApp({


      setup() {


         let state = reactive({


@@ -118,6 +120,7 @@


         const initLeaderBoardChart = () => {


            var chartDom = document.getElementById('leaderChart');


            var leaderChartDom = echarts.init(chartDom);


            leaderChartDomRef.value = leaderChartDom;


            var option = {


               title: {


                  text: '近12月缴费金额',


@@ -149,6 +152,7 @@


            const barXData = state.leaderBoardList.map((item) => item.Name);


            var chartDom = document.getElementById('leaderBarChart');


            var leaderBarChartDom = echarts.init(chartDom);


            leaderBarChartDomRef.value = leaderBarChartDom;


            var option = {


               xAxis: {


                  type: 'category',


@@ -176,6 +180,10 @@


            option && leaderBarChartDom.setOption(option);


         };


         onMounted(() => {


            window.parent.addEventListener('resize', () => {


               leaderChartDomRef.value.resize();


               leaderBarChartDomRef.value.resize();


            });


            initLeaderBoardChart();


            initLeaderBoardBarChart();


         });