提交计划运行的搜索样优化

chengxiangling

2025-05-15 52e3605766d85b04f2952b537b3f6d8d6bd96a8b

 src/views/mainPlan/platePlan/index.vue

@@ -9,13 +9,13 @@
      label-position="left"
    >
      <el-row :gutter="20">
        <el-col :span="12">
        <el-col :span="8">
          <el-form-item
            :label-width="locale === 'zh' ? '90px' : '140px'"
            :label="$t('plan.query.daterangePlanStartDay')"
            :style="{ width: '100%'  }"
          >
          <!-- locale === 'zh' ? '220px' : '240px' -->
            <el-date-picker
              :style="{ width: locale === 'zh' ? '220px' : '240px' }"
              v-model="daterangePlanStartDay"
              value-format="YYYY-MM-DD"
              type="daterange"
@@ -25,13 +25,12 @@
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12">
        <el-col :span="8">
          <el-form-item
            :label-width="locale === 'zh' ? '90px' : '140px'"
            :style="{ width: '100%'  }"
            :label="$t('plan.query.daterangePlanEndDay')"
          >
            <el-date-picker
              :style="{ width: locale === 'zh' ? '220px' : '240px' }"
              v-model="daterangePlanEndDay"
              value-format="YYYY-MM-DD"
              type="daterange"
@@ -41,16 +40,13 @@
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
        <el-col :span="8">
          <el-form-item
            :label-width="locale === 'zh' ? '90px' : '140px'"
            :style="{ width: '100%'  }"
            :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
@@ -58,10 +54,11 @@
            />
          </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-row>
      <el-row>
        <el-col :span="6">
          <el-form-item :style="{ width: '100%'  }" :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
@@ -69,10 +66,8 @@
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24" style="text-align: right">
          <el-form-item>
        <el-col :span="18" 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>
@@ -1052,6 +1047,9 @@
getList();
</script>
<style lang="css" scoped>
.column-with-margin {
  margin-right: 0px;
}
h4 {
  font-weight: bold;
}