From 73a77a02195912712c7168bd78cb3857df5094a8 Mon Sep 17 00:00:00 2001 From: chengxiangling <291105840@qq.com> Date: 星期二, 13 五月 2025 09:23:55 +0800 Subject: [PATCH] 提交修改查询条件区域样式 --- src/views/mainPlan/platePlan/index.vue | 164 +++++++++++++++++++++++++++++------------------------- 1 files changed, 88 insertions(+), 76 deletions(-) diff --git a/src/views/mainPlan/platePlan/index.vue b/src/views/mainPlan/platePlan/index.vue index 74d6cf9..5547dba 100644 --- a/src/views/mainPlan/platePlan/index.vue +++ b/src/views/mainPlan/platePlan/index.vue @@ -1,79 +1,90 @@ <template> <div class="app-container"> - <el-row :gutter="10" class="mb8"> - <el-form - :model="queryParams" - ref="queryRef" - :inline="true" - v-show="showSearch" - :label-width="locale === 'zh' ? '90px' : '180px'" - label-position="left" - > - <!-- <el-row :gutter="20"> - <el-col :span="6"> --> - <el-form-item :label="$t('plan.query.daterangePlanStartDay')"> - <el-date-picker - style="width: 240px" - v-model="daterangePlanStartDay" - value-format="YYYY-MM-DD" - type="daterange" - range-separator="-" - :start-placeholder="$t('plan.placeholder.startDate')" - :end-placeholder="$t('plan.placeholder.endDate')" - ></el-date-picker> - </el-form-item> - <!-- </el-col> - <el-col :span="6"> --> - <el-form-item :label="$t('plan.query.daterangePlanEndDay')"> - <el-date-picker - style="width: 240px" - v-model="daterangePlanEndDay" - value-format="YYYY-MM-DD" - type="daterange" - range-separator="-" - :start-placeholder="$t('plan.placeholder.startDate')" - :end-placeholder="$t('plan.placeholder.endDate')" - ></el-date-picker> - </el-form-item> - <!-- </el-col> - <el-col :span="6"> --> - <el-form-item - :label="$t('plan.query.documentNumber')" - prop="documentNumber" - > - <el-input - style="width: 240px" - v-model="queryParams.documentNumber" - :placeholder="$t('plan.placeholder.documentNumber')" - clearable - @keyup.enter="handleQuery" - /> - </el-form-item> - <!-- </el-col> - <el-col :span="6"> --> - <el-form-item :label="$t('plan.query.customer')" prop="customer"> - <el-input - style="width: 240px" - v-model="queryParams.customer" - :placeholder="$t('plan.placeholder.customer')" - clearable - @keyup.enter="handleQuery" - /> - </el-form-item> - <!-- </el-col> - <el-col :span="24" style="text-align: right;"> --> - <el-form-item> - <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> + <!-- <el-row :gutter="10" class="mb8"> --> + <el-form + :model="queryParams" + ref="queryRef" + :inline="true" + v-show="showSearch" + :label-width="locale === 'zh' ? '90px' : '180px'" + label-position="left" + > + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item + :label-width="locale === 'zh' ? '90px' : '140px'" + :label="$t('plan.query.daterangePlanStartDay')" + > + <el-date-picker + :style="{ width: locale === 'zh' ? '220px' : '240px' }" + v-model="daterangePlanStartDay" + value-format="YYYY-MM-DD" + type="daterange" + range-separator="-" + :start-placeholder="$t('plan.placeholder.startDate')" + :end-placeholder="$t('plan.placeholder.endDate')" + ></el-date-picker> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item + :label-width="locale === 'zh' ? '90px' : '140px'" + :label="$t('plan.query.daterangePlanEndDay')" + > + <el-date-picker + :style="{ width: locale === 'zh' ? '220px' : '240px' }" + v-model="daterangePlanEndDay" + value-format="YYYY-MM-DD" + type="daterange" + range-separator="-" + :start-placeholder="$t('plan.placeholder.startDate')" + :end-placeholder="$t('plan.placeholder.endDate')" + ></el-date-picker> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item + :label-width="locale === 'zh' ? '90px' : '140px'" + :label="$t('plan.query.documentNumber')" + prop="documentNumber" + > + <el-input + :style="{ width: locale === 'zh' ? '220px' : '240px' }" + v-model="queryParams.documentNumber" + :placeholder="$t('plan.placeholder.documentNumber')" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item :label="$t('plan.query.customer')" prop="customer"> + <el-input + :style="{ width: locale === 'zh' ? '220px' : '240px' }" + v-model="queryParams.customer" + :placeholder="$t('plan.placeholder.customer')" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24" style="text-align: right"> + <el-form-item> + <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> --> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button @@ -900,10 +911,11 @@ response.msg + "</div>", t("plan.upload.errorResult"), - { dangerouslyUseHTMLString: true, + { + dangerouslyUseHTMLString: true, confirmButtonText: t("plan.btns.confirm"), cancelButtonText: t("plan.btns.cancel"), - } + } ); } proxy.$refs["uploadRef"].handleRemove(file); -- Gitblit v1.9.3