|
|
@@ -74,9 +74,9 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
- import { computed, ref, onMounted, watchEffect, reactive } from 'vue';
|
|
|
+ import { ref, onMounted, reactive } from 'vue';
|
|
|
import dayjs from 'dayjs';
|
|
|
- import { Select, SelectOption, Row, Col, DatePicker, Button, message, Input } from 'ant-design-vue';
|
|
|
+ import { Select, SelectOption, Row, Col, DatePicker, Button } from 'ant-design-vue';
|
|
|
import MineCascader from '@/components/Form/src/jeecg/components/MineCascader/MineCascader.vue';
|
|
|
import CheckboxNav from './components/checkbox-nav.vue';
|
|
|
import echartLengend from './components/echart-lengend.vue';
|
|
|
@@ -180,69 +180,67 @@
|
|
|
background-color: @card-bg-color;
|
|
|
align-items: center;
|
|
|
// box-shadow: 0px 0px 8px 1px rgba(202, 211, 225, 1);
|
|
|
-
|
|
|
}
|
|
|
|
|
|
- .filter-area {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- gap: 16px;
|
|
|
- padding: 20px;
|
|
|
- border: 1px solid @border-color-base;
|
|
|
- border-radius: 4px;
|
|
|
- // background: @card-bg-color;
|
|
|
- background-color: @card-bg-color;
|
|
|
- align-items: center;
|
|
|
- // box-shadow: 0px 0px 8px 1px rgba(202, 211, 225, 1);
|
|
|
- }
|
|
|
+ .filter-area {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 16px;
|
|
|
+ padding: 20px;
|
|
|
+ border: 1px solid @border-color-base;
|
|
|
+ border-radius: 4px;
|
|
|
+ // background: @card-bg-color;
|
|
|
+ background-color: @card-bg-color;
|
|
|
+ align-items: center;
|
|
|
+ // box-shadow: 0px 0px 8px 1px rgba(202, 211, 225, 1);
|
|
|
+ }
|
|
|
|
|
|
- .filter-section {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
+ .filter-section {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
|
|
|
- .filter-label {
|
|
|
- color: #666;
|
|
|
- min-width: 70px;
|
|
|
- flex-shrink: 0;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
+ .filter-label {
|
|
|
+ color: #666;
|
|
|
+ min-width: 70px;
|
|
|
+ flex-shrink: 0;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
|
|
|
- .param-section {
|
|
|
- flex: 1;
|
|
|
- // min-width: 300px;
|
|
|
- }
|
|
|
+ .param-section {
|
|
|
+ flex: 1;
|
|
|
+ // min-width: 300px;
|
|
|
+ }
|
|
|
|
|
|
- .param-selector {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 8px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
+ .param-selector {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
|
|
|
- .echart-box {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 95px);
|
|
|
- }
|
|
|
+ .echart-box {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 95px);
|
|
|
+ }
|
|
|
|
|
|
- .check-title {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- background-color: @table-thead-bg-color;
|
|
|
- border-radius: 4px;
|
|
|
- padding: 0px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin: 15px 0px;
|
|
|
- }
|
|
|
+ .check-title {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ background-color: @table-thead-bg-color;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 0px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 15px 0px;
|
|
|
+ }
|
|
|
|
|
|
- .check-line {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ .check-line {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
|
|
|
- .echart-content {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 112px);
|
|
|
- }
|
|
|
+ .echart-content {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 112px);
|
|
|
}
|
|
|
|
|
|
:deep(.ant-btn-primary) {
|