🐞 fix:修复搜索工具栏中el-input、el-select、el-date-picker宽度

2025-02-08 14:44:58 +08:00 · 2024-08-20 11:44:51 +08:00 · 2024-08-20 11:44:51 +08:00 · d3dc508171
commit d3dc508171
parent dea9ef8cd1
25 changed files with 58 additions and 28 deletions
--- a/src/views/ai/image/manager/index.vue
+++ b/src/views/ai/image/manager/index.vue
@ -71,7 +71,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/ai/image/square/index.vue
+++ b/src/views/ai/image/square/index.vue
@ -9,6 +9,7 @@
      placeholder="请输入要搜索的内容"
      :suffix-icon="Search"
      @keyup.enter="handleQuery"
+      class="!w-240px"
    />
    <div class="gallery">
      <!-- TODO @fan：这个图片的风格，要不和 ImageCard.vue 界面一致？（只有卡片，没有操作）；因为看着更有相框的感觉~~~ -->
@ -66,8 +67,8 @@ onMounted(async () => {
 </script>
 <style scoped lang="scss">
 .square-container {
-  background-color: #fff;
  padding: 20px;
+  background-color: #fff;

  .gallery {
    display: grid;
@ -75,21 +76,21 @@ onMounted(async () => {
    gap: 10px;
    //max-width: 1000px;
    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  }

  .gallery-item {
    position: relative;
    overflow: hidden;
-    background: #f0f0f0;
    cursor: pointer;
+    background: #f0f0f0;
    transition: transform 0.3s;
  }

  .gallery-item img {
+    display: block;
    width: 100%;
    height: auto;
-    display: block;
    transition: transform 0.3s;
  }

--- a/src/views/ai/mindmap/manager/index.vue
+++ b/src/views/ai/mindmap/manager/index.vue
@ -40,7 +40,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/ai/music/manager/index.vue
+++ b/src/views/ai/music/manager/index.vue
@ -70,7 +70,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="是否发布" prop="publicStatus">
--- a/src/views/ai/write/manager/index.vue
+++ b/src/views/ai/write/manager/index.vue
@ -39,7 +39,12 @@
        </el-select>
      </el-form-item>
      <el-form-item label="平台" prop="platform">
-        <el-select v-model="queryParams.platform" placeholder="请选择平台" clearable class="!w-240px">
+        <el-select
+          v-model="queryParams.platform"
+          placeholder="请选择平台"
+          clearable
+          class="!w-240px"
+        >
          <el-option
            v-for="dict in getStrDictOptions(DICT_TYPE.AI_PLATFORM)"
            :key="dict.value"
@ -143,7 +148,7 @@
      <el-table-column label="错误信息" align="center" prop="errorMessage" />
      <el-table-column label="操作" align="center">
        <template #default="scope">
-<!--          TODO @YunaiV 目前没有修改接口，写作要可以更改吗-->
+          <!--          TODO @YunaiV 目前没有修改接口，写作要可以更改吗-->
          <el-button
            link
            type="primary"
--- a/src/views/bpm/processInstance/manager/index.vue
+++ b/src/views/bpm/processInstance/manager/index.vue
@ -76,7 +76,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
    </el-form>
--- a/src/views/bpm/task/copy/index.vue
+++ b/src/views/bpm/task/copy/index.vue
@ -11,6 +11,7 @@
      <el-form-item label="流程名称" prop="name">
        <el-input
          v-model="queryParams.processInstanceName"
+          @keyup.enter="handleQuery"
          class="!w-240px"
          clearable
          placeholder="请输入流程名称"
--- a/src/views/erp/finance/payment/index.vue
+++ b/src/views/erp/finance/payment/index.vue
@ -30,7 +30,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/finance/receipt/index.vue
+++ b/src/views/erp/finance/receipt/index.vue
@ -30,7 +30,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/in/index.vue
+++ b/src/views/erp/purchase/in/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/order/index.vue
+++ b/src/views/erp/purchase/order/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/return/index.vue
+++ b/src/views/erp/purchase/return/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/sale/order/index.vue
+++ b/src/views/erp/sale/order/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/sale/out/index.vue
+++ b/src/views/erp/sale/out/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/sale/return/index.vue
+++ b/src/views/erp/sale/return/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/stock/in/index.vue
+++ b/src/views/erp/stock/in/index.vue
@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/stock/record/index.vue
+++ b/src/views/erp/stock/record/index.vue
@ -75,7 +75,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@ -15,6 +15,7 @@
          placeholder="请输入文件路径"
          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="文件类型" prop="type" width="80">
@ -23,6 +24,7 @@
          placeholder="请输入文件类型"
          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
@ -33,6 +35,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/mall/product/comment/index.vue
+++ b/src/views/mall/product/comment/index.vue
@ -11,19 +11,34 @@
      label-width="68px"
    >
      <el-form-item label="回复状态" prop="replyStatus">
-        <el-select v-model="queryParams.replyStatus">
+        <el-select v-model="queryParams.replyStatus" class="!w-240px">
          <el-option label="已回复" :value="true" />
          <el-option label="未回复" :value="false" />
        </el-select>
      </el-form-item>
      <el-form-item label="商品名称" prop="spuName">
-        <el-input v-model="queryParams.spuName" placeholder="请输入商品名称" />
+        <el-input
+          v-model="queryParams.spuName"
+          placeholder="请输入商品名称"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="用户名称" prop="userNickname">
-        <el-input v-model="queryParams.userNickname" placeholder="请输入用户名称" />
+        <el-input
+          v-model="queryParams.userNickname"
+          placeholder="请输入用户名称"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="订单编号" prop="orderId">
-        <el-input v-model="queryParams.orderId" placeholder="请输入订单编号" />
+        <el-input
+          v-model="queryParams.orderId"
+          placeholder="请输入订单编号"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="评论时间" prop="createTime">
        <el-date-picker
--- a/src/views/mall/trade/afterSale/index.vue
+++ b/src/views/mall/trade/afterSale/index.vue
@ -81,7 +81,7 @@
        <el-date-picker
          v-model="queryParams.createTime"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-260px"
+          class="!w-280px"
          end-placeholder="自定义时间"
          start-placeholder="自定义时间"
          type="daterange"
--- a/src/views/member/user/detail/UserAftersaleList.vue
+++ b/src/views/member/user/detail/UserAftersaleList.vue
@ -79,7 +79,7 @@
        <el-date-picker
          v-model="queryParams.createTime"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-260px"
+          class="!w-280px"
          end-placeholder="自定义时间"
          start-placeholder="自定义时间"
          type="daterange"
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@ -13,6 +13,7 @@
          v-model="queryParams.name"
          placeholder="请输入部门名称"
          clearable
+          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@ -61,7 +61,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="业务编号" prop="bizId">
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@ -13,6 +13,7 @@
          v-model="queryParams.name"
          placeholder="请输入岗位名称"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
@ -21,11 +22,12 @@
          v-model="queryParams.code"
          placeholder="请输入岗位编码"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable class="!w-240px">
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
            :key="dict.value"
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@ -14,6 +14,7 @@
          v-model="queryParams.signature"
          placeholder="请输入短信签名"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
@ -40,6 +41,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>