mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-10-28 21:40:50 +00:00
style(管理端): 日期范围选择器全站显式传宽，默认宽度调整为 220px
This commit is contained in:
From-wh
吴昊天
parent
af72ed2960
commit
c380e4052a
@ -50,7 +50,7 @@
|
||||
</el-form-item>
|
||||
<!-- 日期范围（提交时拆分为 {field}_start / {field}_end；统一走全局 dateRangePicker，内置快捷项） -->
|
||||
<el-form-item v-else-if="field.type === 'daterange'" :label="field.label">
|
||||
<date-range-picker v-model="rangeModel[field.field]" value-format="YYYY-MM-DD" />
|
||||
<date-range-picker v-model="rangeModel[field.field]" width="200px" value-format="YYYY-MM-DD" />
|
||||
</el-form-item>
|
||||
<!-- 未知类型按文本输入降级渲染 -->
|
||||
<el-form-item v-else :label="field.label">
|
||||
|
||||
@ -19,7 +19,8 @@
|
||||
/**
|
||||
* 日期范围选择器（全局封装）
|
||||
* @description 时间搜索统一入口：内置系统快捷项（今天/昨天/本月/上月/最近N天/本年/去年，来自 libs/timeOptions），
|
||||
* 默认宽度 320px（范围日期实际观感略宽于 280px 基准）并强制 flex-grow:0——EP 的 .el-input__wrapper 自带 flex-grow:1，
|
||||
* 默认宽度 220px（弹窗等非筛选场景）；筛选行消费方一律显式传 width 对齐同行控件（250px 基准），
|
||||
* 并强制 flex-grow:0——EP 的 .el-input__wrapper 自带 flex-grow:1，
|
||||
* 不压制会在 flex 搜索行内被拉伸占满。
|
||||
* 弹层定位：placement 默认 bottom-start（左对齐），并开启 preventOverflow 的 altAxis——
|
||||
* 视口右侧放不下时弹层被推回、右缘贴齐视口（等效右对齐），左侧溢出同理兜底；
|
||||
@ -33,8 +34,8 @@ defineOptions({ name: 'DateRangePicker', inheritAttrs: false });
|
||||
|
||||
defineProps({
|
||||
modelValue: { type: Array, default: () => [] },
|
||||
/** 选择器宽度，传空串则不设置（由外部样式控制）；默认对齐筛选控件基准宽 */
|
||||
width: { type: String, default: '320px' },
|
||||
/** 选择器宽度，传空串则不设置（由外部样式控制）；筛选行请显式传 width 对齐同行控件 */
|
||||
width: { type: String, default: '220px' },
|
||||
});
|
||||
|
||||
const emit = defineEmits(['update:modelValue', 'change']);
|
||||
|
||||
@ -17,7 +17,12 @@
|
||||
</el-col>
|
||||
<el-col v-if="item.custom">
|
||||
<el-form-item class="tab_data">
|
||||
<date-range-picker :editable="false" value-format="YYYY/MM/DD" range-separator="-"></date-range-picker>
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
:editable="false"
|
||||
value-format="YYYY/MM/DD"
|
||||
range-separator="-"
|
||||
></date-range-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -32,6 +32,7 @@
|
||||
<el-col v-bind="grid">
|
||||
<el-form-item class="tab_data">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
:editable="false"
|
||||
v-model="value2"
|
||||
value-format="YYYY/MM/DD"
|
||||
|
||||
@ -19,6 +19,7 @@
|
||||
class="form_content_width"
|
||||
/>
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
v-else-if="item.type === 'date-picker'"
|
||||
:editable="false"
|
||||
clearabl
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="订单时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="创建时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="订单时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -26,6 +26,7 @@
|
||||
<el-col :span="12">
|
||||
<el-form-item label="时间范围：" class="tab_data">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
:editable="false"
|
||||
@change="onchangeTime"
|
||||
|
||||
@ -26,6 +26,7 @@
|
||||
<el-col :xl="6" :lg="12" :md="13" :sm="12" :xs="24">
|
||||
<el-form-item label="时间范围：" class="tab_data">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
:editable="false"
|
||||
@change="onchangeTime"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="时间选择：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="时间选择：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="订单时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<el-form :model="formValidate" label-width="80px" @submit.prevent inline>
|
||||
<el-form-item label="时间选择：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -53,6 +53,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="申请时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
@change="onchangeTime"
|
||||
@ -437,7 +438,7 @@ onMounted(() => {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.form_content_width {
|
||||
width: 220px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.price {
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<el-form :model="orderData" label-width="80px" label-position="right" inline @submit.prevent>
|
||||
<el-form-item label="创建时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<el-form :model="pagination" :label-width="labelWidth" :label-position="labelPosition" @submit.prevent inline>
|
||||
<el-form-item label="创建时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -53,6 +53,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
@change="onchangeTime"
|
||||
@ -535,7 +536,7 @@ onMounted(() => {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.form_content_width {
|
||||
width: 200px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.tab {
|
||||
|
||||
@ -2,7 +2,13 @@
|
||||
<div class="normal-statistic" v-loading="loading">
|
||||
<el-card shadow="never" :bordered="false" class="filter-card">
|
||||
<div class="filter-row">
|
||||
<date-range-picker v-model="timeValue" format="YYYY/MM/DD" value-format="YYYY/MM/DD" @change="changeTime" />
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
v-model="timeValue"
|
||||
format="YYYY/MM/DD"
|
||||
value-format="YYYY/MM/DD"
|
||||
@change="changeTime"
|
||||
/>
|
||||
<el-button v-auth="['admin-normal-statistics-basic']" type="primary" v-db-click @click="loadData"
|
||||
>查询</el-button
|
||||
>
|
||||
|
||||
@ -36,6 +36,7 @@
|
||||
<el-form-item label="添加时间">
|
||||
<date-range-picker
|
||||
v-model="timeRange"
|
||||
width="220px"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
range-separator="~"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item label="评论时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
@change="onchangeTime"
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<div class="acea-row row-middle">
|
||||
<span class="label_text">时间选择：</span>
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
}}</el-radio-button>
|
||||
</el-radio-group>
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
:editable="false"
|
||||
clearable
|
||||
@change="onchangeTime"
|
||||
|
||||
@ -4,6 +4,7 @@
|
||||
<div class="acea-row row-middle">
|
||||
<span class="label_text">时间选择：</span>
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -41,6 +41,7 @@
|
||||
</div>
|
||||
<div class="acea-row">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
>
|
||||
<el-form-item :label="fromList.title + '：'">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
:editable="false"
|
||||
@change="onchangeTime"
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<el-form :model="pagination" :label-width="labelWidth" :label-position="labelPosition" @submit.prevent inline>
|
||||
<el-form-item label="创建时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
@ -22,6 +22,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="购买时间：">
|
||||
<date-range-picker
|
||||
width="250px"
|
||||
clearable
|
||||
v-model="timeVal"
|
||||
:editable="false"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user