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

chengxiangling

2025-05-13 73a77a02195912712c7168bd78cb3857df5094a8

 src/views/mainPlan/plateProcessStat/index.vue

@@ -1,41 +1,40 @@
<template>
  <div class="app-container">
    <el-row :gutter="10" class="mb8">
      <!-- <el-col> -->
      <el-form
        :model="queryParams"
        ref="queryRef"
        :inline="true"
        v-show="showSearch"
        :label-width="locale === 'zh' ? '60px' : '150px'"
        label-position="left"
      >
        <!-- <el-row :gutter="20">
            <el-col :span="12"> -->
        <el-form-item :label="$t('plan.query.workOrderNo')" prop="num">
          <el-input
            style="width: 370px"
            v-model="queryParams.workOrderNo"
            :placeholder="$t('plan.placeholder.planWorkOderNO')"
            clearable
            @keyup.enter="handleQuery"
          />
        </el-form-item>
        <!-- </el-col>
            <el-col  :span="12"  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-col> -->
    </el-row>
    <!-- <el-col> -->
    <el-form
      :model="queryParams"
      ref="queryRef"
      :inline="true"
      v-show="showSearch"
      :label-width="locale === 'zh' ? '60px' : '150px'"
      label-position="left"
    >
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item :label="$t('plan.query.workOrderNo')" prop="num">
            <el-input
              :style="{ width: locale === 'zh' ? '200px' : '250px' }"
              v-model="queryParams.workOrderNo"
              :placeholder="`${$t('common.common.placeholder')}${$t(
                'plan.query.workOrderNo'
              )}`"
              clearable
              @keyup.enter="handleQuery"
            />
          </el-form-item>
        </el-col>
        <el-col :span="12" 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>
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
@@ -210,7 +209,7 @@
        type: "html",
      },
      {
        title:  t("plan.table.OrderCompletionDate"),
        title: t("plan.table.OrderCompletionDate"),
        field: "orderPlanEndDay",
        width: 200,
        format: "YYYY-MM-DD HH:mm:ss",
@@ -387,6 +386,9 @@
getList();
</script>
<style lang="scss" scoped>
.column-with-margin {
  margin-right: 0px;
}
::v-deep(.mytable-style.vxe-table .vxe-body--row.row-green) {
  background-color: #187;
  color: #fff;