| | |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | <div class="time-card"> |
| | | <div class="card-item" v-for="(item,index) in timeList" @click="timeClick"> |
| | | <div class="card-item" :class="item==checked?'active':''" v-for="item in timeList" @click="timeClick(item)"> |
| | | {{ item }} |
| | | </div> |
| | | </div> |
| | |
| | | const newTime = ref([]); |
| | | let timeList = ['今日','本周','本月','本年' ]; |
| | | |
| | | let checked = ref(0); |
| | | let timeClick = (item,index) => { |
| | | checked.value = index; |
| | | let checked = ref('今日'); |
| | | let timeClick = (item) => { |
| | | checked.value = item; |
| | | } |
| | | </script> |
| | | |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { hToV, wToR } from '@/utils/pxConver'; |
| | | import * as echarts from 'echarts'; |
| | | import CommonDateTime from '@/components/CommonDateTime.vue'; |
| | | |
| | |
| | | position: relative; |
| | | .yjzx-img { |
| | | position: absolute; |
| | | top: hToV(14); |
| | | top: 14px; |
| | | left: 10px; |
| | | } |
| | | .status { |