From 52e3605766d85b04f2952b537b3f6d8d6bd96a8b Mon Sep 17 00:00:00 2001 From: chengxiangling <291105840@qq.com> Date: 星期四, 15 五月 2025 12:22:36 +0800 Subject: [PATCH] 提交计划运行的搜索样优化 --- src/views/partPlan/index.vue | 150 +++++++++++++++++++++++++------------------------ 1 files changed, 76 insertions(+), 74 deletions(-) diff --git a/src/views/partPlan/index.vue b/src/views/partPlan/index.vue index d208ab2..4c27aa8 100644 --- a/src/views/partPlan/index.vue +++ b/src/views/partPlan/index.vue @@ -8,79 +8,77 @@ label-position="left" > <el-row :gutter="20" class="mb8"> - <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 :span="8"> + <el-form-item + :label="$t('plan.query.daterangePlanStartDay')" + :style="{ width: '100%' }" + > + <el-date-picker + 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 :span="8"> + <el-form-item + :style="{ width: '100%' }" + :label="$t('plan.query.daterangePlanEndDay')" + > + <el-date-picker + 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="8"> + <el-form-item + :label="$t('plan.query.documentNumber')" + :style="{ width: '100%' }" + prop="documentNumber" + > + <el-input + v-model="queryParams.documentNumber" + :placeholder="$t('plan.placeholder.documentNumber')" + clearable + style="width: 240px" + @keyup.enter="handleQuery" + /> + </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 - style="width: 240px" - @keyup.enter="handleQuery" - /> - </el-form-item> + <el-col :span="8"> + <el-form-item + :style="{ width: '100%' }" + :label="$t('plan.query.customer')" + prop="customer" + > + <el-input + v-model="queryParams.customer" + :placeholder="$t('plan.placeholder.customer')" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> </el-col> - <el-col - :span="12"> - <el-form-item :label-width="locale === 'zh' ? '90px' : '140px'" :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 :span="16" 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-row> - <el-col - :span="24" - 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> @@ -253,7 +251,7 @@ <el-row v-show="isVisible"> <el-col> <div> - <h2>{{$t("plan.upload.dataPreview")}}</h2> + <h2>{{ $t("plan.upload.dataPreview") }}</h2> </div> <HxlhTable style="width: 100%" @@ -268,8 +266,9 @@ <el-col> <div style="text-align: right"> <h4> - {{$t("plan.upload.totalUpload")}}<span style="color: blue">{{ total }}</span - >{{$t("plan.upload.itemUpload")}} + {{ $t("plan.upload.totalUpload") + }}<span style="color: blue">{{ total }}</span + >{{ $t("plan.upload.itemUpload") }} </h4> </div> </el-col> @@ -284,9 +283,11 @@ :disabled="planned" @click="uploadParse" v-hasPermi="['partPlan:confirmPart']" - >{{$t("plan.upload.confirmUpload")}}</el-button + >{{ $t("plan.upload.confirmUpload") }}</el-button > - <el-button @click="dialogCancel">{{$t("plan.upload.cancel")}}</el-button> + <el-button @click="dialogCancel">{{ + $t("plan.upload.cancel") + }}</el-button> </div> </template> </el-dialog> @@ -837,10 +838,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