| | |
| | | ref="queryRef" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | :label-width="locale === 'zh' ? '68px' : '134px'" |
| | | label-position="left" |
| | | > |
| | | <el-row type="flex" justify="left"> |
| | | <el-col :span="locale === 'zh' ? 5 : 7"> |
| | | <el-form-item :label="$t('plan.query.statistical')"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="$t('plan.query.statistical')" :style="{ width: '100%' }"> |
| | | <el-select |
| | | v-model="queryParams.searchType" |
| | | :style="{ width: locale === 'zh' ? '120px' : '160px' }" |
| | | placeholder="Select" |
| | | @change="handleChangeSelectType" |
| | | > |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="locale === 'zh' ? 5 : 8"> |
| | | <el-form-item :label="$t('plan.query.selectDateRange')"> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="$t('plan.query.selectDateRange')" :style="{ width: '100%' }"> |
| | | <div v-if="!dayCom"> |
| | | <el-date-picker |
| | | :style="{ width: locale === 'zh' ? '200px' : '220px' }" |
| | | v-model="queryParams.monthRange" |
| | | type="monthrange" |
| | | :range-separator="$t('plan.placeholder.to')" |
| | |
| | | </div> |
| | | <div v-else> |
| | | <el-date-picker |
| | | :style="{ width: locale === 'zh' ? '200px' : '220px' }" |
| | | v-model="queryParams.monthDays" |
| | | type="month" |
| | | :placeholder="$t('plan.placeholder.selectMonth')" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="locale === 'zh' ? 14 : 9" style="text-align: right"> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |