提交修改查询条件区域样式

chengxiangling

2025-05-13 73a77a02195912712c7168bd78cb3857df5094a8

 src/views/partPlan/index.vue

@@ -5,15 +5,14 @@
      ref="queryRef"
      :inline="true"
      v-show="showSearch"
      :label-width="locale === 'zh' ? '90px' : '180px'"
      label-position="left"
    >
      <el-row :gutter="10" class="mb8">
        <!-- <el-col
          :span="6"> -->
        <el-form-item :label="$t('plan.query.daterangePlanStartDay')">
      <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: 240px"
            :style="{ width: locale === 'zh' ? '220px' : '240px' }"
            v-model="daterangePlanStartDay"
            value-format="YYYY-MM-DD"
            type="daterange"
@@ -22,11 +21,11 @@
            :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-col>
        <el-col :span="12">
        <el-form-item :label-width="locale === 'zh' ? '90px' : '140px'" :label="$t('plan.query.daterangePlanEndDay')">
          <el-date-picker
            style="width: 240px"
            :style="{ width: locale === 'zh' ? '220px' : '240px' }"
            v-model="daterangePlanEndDay"
            value-format="YYYY-MM-DD"
            type="daterange"
@@ -35,14 +34,18 @@
            :end-placeholder="$t('plan.placeholder.endDate')"
          ></el-date-picker>
        </el-form-item>
        <!-- </el-col>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col
          :span="6"> -->
          :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
@@ -50,23 +53,25 @@
            @keyup.enter="handleQuery"
          />
        </el-form-item>
        <!-- </el-col>
        </el-col>
       <el-col
          :span="6"> -->
        <el-form-item :label="$t('plan.query.customer')" prop="customer">
          :span="12">
        <el-form-item :label-width="locale === 'zh' ? '90px' : '140px'" :label="$t('plan.query.customer')" prop="customer">
          <el-input
            style="width: 240px"
            :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-col>
      </el-row>
      <el-row>
        <el-col
          :span="24"
          style="text-align: right;"> -->
        <el-form-item>
          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>
@@ -74,8 +79,8 @@
            $t("common.common.reset")
          }}</el-button>
        </el-form-item>
        <!-- </el-col>
         -->
        </el-col>
        
      </el-row>
    </el-form>

@@ -875,6 +880,9 @@
getList();
</script>
<style lang="css" scoped>
.column-with-margin {
  margin-right: 0px;
}
h4 {
  font-weight: bold;
}