|
|
@@ -44,14 +44,24 @@
|
|
|
class="radio-wrapper"
|
|
|
style="margin-right: 36px"
|
|
|
>
|
|
|
- <a-radio-group v-model="formData.dateRangeRadio" size="small">
|
|
|
- <a-radio-button value="当日"
|
|
|
+ <a-radio-group
|
|
|
+ v-model="formData.dateRangeRadio"
|
|
|
+ size="small"
|
|
|
+ @change="changes(formData.dateRangeRadio)"
|
|
|
+ >
|
|
|
+ <a-radio-button
|
|
|
+ value="当日"
|
|
|
+ :class="formData.dateRangeRadio == '当日' ? 'btn-mo' : 'btn-mos'"
|
|
|
><div class="btn-day">当日</div></a-radio-button
|
|
|
>
|
|
|
- <a-radio-button value="当月"
|
|
|
+ <a-radio-button
|
|
|
+ value="当月"
|
|
|
+ :class="formData.dateRangeRadio == '当月' ? 'btn-mo' : 'btn-mos'"
|
|
|
><div class="btn-day">当月</div></a-radio-button
|
|
|
>
|
|
|
- <a-radio-button value="当年"
|
|
|
+ <a-radio-button
|
|
|
+ value="当年"
|
|
|
+ :class="formData.dateRangeRadio == '当年' ? 'btn-mo' : 'btn-mos'"
|
|
|
><div class="btn-day">当年</div></a-radio-button
|
|
|
>
|
|
|
</a-radio-group>
|
|
|
@@ -59,10 +69,7 @@
|
|
|
</template>
|
|
|
<template v-if="withSelect">
|
|
|
<a-form-item prop="selection" style="margin-right: 16px">
|
|
|
- <a-select
|
|
|
- :default-value="optionLists[0]"
|
|
|
- @change="handleProvinceChange"
|
|
|
- >
|
|
|
+ <a-select :default-value="optionLists[0]">
|
|
|
<a-select-option v-for="province in optionLists" :key="province">
|
|
|
{{ province }}
|
|
|
</a-select-option>
|
|
|
@@ -258,6 +265,9 @@ export default {
|
|
|
this.formData.dateRangeRadio = "当日";
|
|
|
},
|
|
|
methods: {
|
|
|
+ changes(data) {
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
change() {
|
|
|
this.changeButtonLoading = true;
|
|
|
this.$emit("change");
|
|
|
@@ -341,10 +351,18 @@ export default {
|
|
|
line-height: 1;
|
|
|
vertical-align: middle;
|
|
|
display: inline-block;
|
|
|
+ .btn-mo {
|
|
|
+ background-color: #ffffff;
|
|
|
+ color: #303133;
|
|
|
+ }
|
|
|
+ .btn-mos {
|
|
|
+ background-color: #383c54;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
.ant-radio-button-wrapper {
|
|
|
height: 32px;
|
|
|
padding: 8px 9px;
|
|
|
- background-color: #383c54;
|
|
|
+ // background-color: #383c54;
|
|
|
border: 2px solid #383c54;
|
|
|
border-right: none;
|
|
|
color: #ffffff;
|
|
|
@@ -358,9 +376,15 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+ .btn-days {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
}
|
|
|
.ant-radio-button-checked + .ant-radio-button__inner {
|
|
|
- background-color: #ffffff;
|
|
|
+ // background-color: #ffffff;
|
|
|
color: #303133;
|
|
|
}
|
|
|
// .ant-radio-button-wrapper {
|
