|
|
@@ -14,7 +14,7 @@
|
|
|
:style="{ width: item.width + 'px' }"
|
|
|
:defaultValue="item.defaultValue"
|
|
|
@change="handleChange"
|
|
|
- :size="item.size || 'default'"
|
|
|
+ :size="item.size || 'large'"
|
|
|
/>
|
|
|
</div>
|
|
|
<div v-if="item.componentType == ComponentEnum.Select">
|
|
|
@@ -25,7 +25,7 @@
|
|
|
:style="{ width: item.width + 'px' }"
|
|
|
:defaultValue="item.defaultValue"
|
|
|
@change="handleChange"
|
|
|
- :size="item.size || 'default'"
|
|
|
+ :size="item.size || 'large'"
|
|
|
>
|
|
|
<SelectOption
|
|
|
v-for="r in item.dicts"
|
|
|
@@ -56,8 +56,7 @@
|
|
|
:defaultValue="item.defaultValue"
|
|
|
:disabled-date="item.disabledDate"
|
|
|
@change="handleChange"
|
|
|
- :size="item.size || 'default'"
|
|
|
- :picker="item.picker"
|
|
|
+ :size="item.size || 'large'"
|
|
|
/>
|
|
|
</div>
|
|
|
<div v-if="item.componentType == ComponentEnum.RangePicker">
|
|
|
@@ -69,12 +68,13 @@
|
|
|
:disabled="item.disabled ? true : false"
|
|
|
:style="{ width: item.width + 'px' }"
|
|
|
@change="handleChange"
|
|
|
- :size="item.size || 'default'"
|
|
|
+ :size="item.size || 'large'"
|
|
|
+ :ranges="ranges"
|
|
|
/>
|
|
|
</div>
|
|
|
<div v-if="item.componentType == ComponentEnum.IconBtn">
|
|
|
- <div class="icon-btn">
|
|
|
- <i class="iconfont icon-lock" @click="handleClick(item)" />
|
|
|
+ <div :class="['icon-btn', item.selected ? 'icon-btn--selected' : '']">
|
|
|
+ <i class="iconfont icon-xt-screen_default" @click="handleClick(item)" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</FormItem>
|
|
|
@@ -109,6 +109,8 @@
|
|
|
// Tooltip,
|
|
|
// Upload,
|
|
|
} from 'ant-design-vue';
|
|
|
+ import { dateRanges } from '/@/utils';
|
|
|
+
|
|
|
interface Props {
|
|
|
formShow?: boolean;
|
|
|
formData: Array<{
|
|
|
@@ -131,6 +133,8 @@
|
|
|
disabledDate?: any;
|
|
|
picker?: string;
|
|
|
size?: string;
|
|
|
+ // filter btn 是否选中
|
|
|
+ selected?: string;
|
|
|
}>;
|
|
|
}
|
|
|
withDefaults(defineProps<Props>(), {
|
|
|
@@ -138,6 +142,7 @@
|
|
|
formShow: true,
|
|
|
});
|
|
|
const emit = defineEmits(['change', 'click']);
|
|
|
+ const ranges = ref(dateRanges());
|
|
|
// 表单
|
|
|
const formRef = ref<any>({});
|
|
|
function handleChange() {
|
|
|
@@ -174,9 +179,13 @@
|
|
|
line-height: 40px;
|
|
|
cursor: pointer;
|
|
|
|
|
|
+ &--selected,
|
|
|
+ &:hover {
|
|
|
+ color: #0075ff;
|
|
|
+ }
|
|
|
+
|
|
|
& .iconfont {
|
|
|
font-size: 24px;
|
|
|
- color: #0075ff;
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|