From 7e9e0bff3ef15366693648f25810723ec557ed62 Mon Sep 17 00:00:00 2001 From: chengxiangling <291105840@qq.com> Date: 星期二, 13 五月 2025 08:52:11 +0800 Subject: [PATCH] 提交修改查询样式,工单计划管理等 --- src/views/mainPlan/pipeProduceStatics/index.vue | 94 ++++++++++++++++++++++++++--------------------- 1 files changed, 52 insertions(+), 42 deletions(-) diff --git a/src/views/mainPlan/pipeProduceStatics/index.vue b/src/views/mainPlan/pipeProduceStatics/index.vue index 80f6b80..894df8b 100644 --- a/src/views/mainPlan/pipeProduceStatics/index.vue +++ b/src/views/mainPlan/pipeProduceStatics/index.vue @@ -9,48 +9,55 @@ :label-width="locale === 'zh' ? '68px' : '134px'" > <el-row type="flex" justify="left"> - <el-form-item :label="$t('plan.query.statistical')"> - <el-select - v-model="queryParams.searchType" - style="width: 200px" - placeholder="Select" - @change="handleChangeSelectType" - > - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - /> - </el-select> - </el-form-item> - <el-form-item :label="$t('plan.query.selectDateRange')"> - <div v-if="!dayCom"> - <el-date-picker - v-model="queryParams.monthRange" - type="monthrange" - :range-separator="$t('plan.placeholder.to')" - :start-placeholder="$t('plan.placeholder.startMonth')" - :end-placeholder="$t('plan.placeholder.endMonth')" - /> - </div> - <div v-else> - <el-date-picker - v-model="queryParams.monthDays" - type="month" - :placeholder="$t('plan.placeholder.selectMonth')" - /> - </div> - </el-form-item> - - <el-form-item class="column-with-margin"> - <el-button type="primary" icon="Search" @click="handleQuery">{{ - $t("common.common.query") - }}</el-button> - <el-button icon="Refresh" @click="resetQuery">{{ - $t("common.common.reset") - }}</el-button> - </el-form-item> + <el-col :span="locale === 'zh' ? 5 : 7"> + <el-form-item :label="$t('plan.query.statistical')"> + <el-select + v-model="queryParams.searchType" + :style="{ width: locale === 'zh' ? '120px' : '160px' }" + placeholder="Select" + @change="handleChangeSelectType" + > + <el-option + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="locale === 'zh' ? 5 : 8"> + <el-form-item :label="$t('plan.query.selectDateRange')"> + <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')" + :start-placeholder="$t('plan.placeholder.startMonth')" + :end-placeholder="$t('plan.placeholder.endMonth')" + /> + </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-form-item class="column-with-margin"> + <el-button type="primary" icon="Search" @click="handleQuery">{{ + $t("common.common.query") + }}</el-button> + <el-button icon="Refresh" @click="resetQuery">{{ + $t("common.common.reset") + }}</el-button> + </el-form-item> + </el-col> </el-row> </el-form> <el-row :gutter="10" class="mb8"> @@ -442,6 +449,9 @@ // getList(); </script> <style lang="scss" scoped> +.column-with-margin { + margin-right: 0px; +} .box_container { width: 100%; margin: 20px auto; -- Gitblit v1.9.3