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

chengxiangling

2025-05-15 52e3605766d85b04f2952b537b3f6d8d6bd96a8b

 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);