✨ feat(dialog): 优化选择对话框的搜索表单和数据表格

调整了 MdClientSelectDialog、MdItemSelectDialog 和 MdVendorSelectDialog 组件的搜索表单样式，增加了英文名称和状态的输入项，提升了用户体验。同时，重构了数据表格的结构，确保一致性和可读性。

src/views/mes/md/client/components/MdClientSelectDialog.vue

@@ -11,13 +11,15 @@
 <template>
   <Dialog title="客户选择" v-model="dialogVisible" width="70%">
     <!-- 搜索表单 -->
-    <el-form :inline="true" :model="queryParams" class="mb-10px" label-width="80px">
+    <ContentWrap>
+      <el-form :inline="true" :model="queryParams" label-width="68px">
         <el-form-item label="客户编码">
           <el-input
             v-model="queryParams.code"
             placeholder="请输入客户编码"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
         <el-form-item label="客户名称">
@@ -26,6 +28,7 @@
             placeholder="请输入客户名称"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
         <el-form-item label="客户简称">
@@ -34,10 +37,11 @@
             placeholder="请输入客户简称"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
         <el-form-item>
-        <el-button type="primary" @click="handleQuery">
+          <el-button @click="handleQuery">
             <Icon icon="ep:search" class="mr-5px" /> 搜索
           </el-button>
           <el-button @click="resetQuery">
@@ -45,7 +49,9 @@
           </el-button>
         </el-form-item>
       </el-form>
+    </ContentWrap>
     <!-- 数据表格：单选 radio / 多选 checkbox 统一在一个 table 内 -->
+    <ContentWrap>
       <el-table
         ref="tableRef"
         v-loading="loading"
@@ -94,14 +100,13 @@
           </template>
         </el-table-column>
       </el-table>
-    <div class="overflow-hidden">
       <Pagination
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
         @pagination="getList"
       />
-    </div>
+    </ContentWrap>
     <template #footer>
       <el-button type="primary" @click="confirmSelect">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>

src/views/mes/md/item/components/MdItemSelectDialog.vue

@@ -12,19 +12,23 @@
   <Dialog title="物料产品选择" v-model="dialogVisible" width="80%">
     <el-row :gutter="20">
       <!-- 左侧：分类树 -->
-      <el-col :span="5">
+      <el-col :span="5" :xs="24">
+        <ContentWrap class="h-1/1">
           <MdItemTypeTree ref="typeTreeRef" @node-click="handleNodeClick" />
+        </ContentWrap>
       </el-col>
       <!-- 右侧：物料表格 -->
-      <el-col :span="19">
+      <el-col :span="19" :xs="24">
         <!-- 搜索表单 -->
-        <el-form :inline="true" :model="queryParams" class="mb-10px" label-width="80px">
+        <ContentWrap>
+          <el-form :inline="true" :model="queryParams" label-width="68px">
             <el-form-item label="物料编码">
               <el-input
                 v-model="queryParams.code"
                 placeholder="请输入物料编码"
                 clearable
                 @keyup.enter="handleQuery"
+                class="!w-220px"
               />
             </el-form-item>
             <el-form-item label="物料名称">
@@ -33,10 +37,11 @@
                 placeholder="请输入物料名称"
                 clearable
                 @keyup.enter="handleQuery"
+                class="!w-220px"
               />
             </el-form-item>
             <el-form-item>
-            <el-button type="primary" @click="handleQuery">
+              <el-button @click="handleQuery">
                 <Icon icon="ep:search" class="mr-5px" /> 搜索
               </el-button>
               <el-button @click="resetQuery">
@@ -44,7 +49,9 @@
               </el-button>
             </el-form-item>
           </el-form>
+        </ContentWrap>
         <!-- 数据表格：单选 radio / 多选 checkbox 统一在一个 table 内 -->
+        <ContentWrap>
           <el-table
             ref="tableRef"
             v-loading="loading"
@@ -102,6 +109,7 @@
             v-model:limit="queryParams.pageSize"
             @pagination="getList"
           />
+        </ContentWrap>
       </el-col>
     </el-row>
     <template #footer>

src/views/mes/md/vendor/components/MdVendorSelectDialog.vue

@@ -10,14 +10,15 @@
 -->
 <template>
   <Dialog title="供应商选择" v-model="dialogVisible" width="70%">
-    <!-- 搜索表单 -->
+    <ContentWrap>
-    <el-form :inline="true" :model="queryParams" class="mb-10px" label-width="80px">
+      <el-form :inline="true" :model="queryParams" label-width="85px">
         <el-form-item label="供应商编码">
           <el-input
             v-model="queryParams.code"
             placeholder="请输入供应商编码"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
         <el-form-item label="供应商名称">
@@ -26,6 +27,7 @@
             placeholder="请输入供应商名称"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
         <el-form-item label="供应商简称">
@@ -34,10 +36,35 @@
             placeholder="请输入供应商简称"
             clearable
             @keyup.enter="handleQuery"
+            class="!w-220px"
           />
         </el-form-item>
+        <el-form-item label="英文名称">
+          <el-input
+            v-model="queryParams.englishName"
+            placeholder="请输入英文名称"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-220px"
+          />
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select
+            v-model="queryParams.status"
+            placeholder="请选择状态"
+            clearable
+            class="!w-220px"
+          >
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
-        <el-button type="primary" @click="handleQuery">
+          <el-button @click="handleQuery">
             <Icon icon="ep:search" class="mr-5px" /> 搜索
           </el-button>
           <el-button @click="resetQuery">
@@ -45,7 +72,9 @@
           </el-button>
         </el-form-item>
       </el-form>
+    </ContentWrap>
     <!-- 数据表格：单选 radio / 多选 checkbox 统一在一个 table 内 -->
+    <ContentWrap>
       <el-table
         ref="tableRef"
         v-loading="loading"
@@ -86,21 +115,22 @@
             <dict-tag :type="DICT_TYPE.MES_VENDOR_LEVEL" :value="scope.row.level" />
           </template>
         </el-table-column>
+        <el-table-column label="供应商评分" align="center" prop="score" width="100" />
         <el-table-column label="联系电话" align="center" prop="telephone" width="130" />
         <el-table-column label="状态" align="center" prop="status" width="80">
           <template #default="scope">
             <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
           </template>
         </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" min-width="120" />
       </el-table>
-    <div class="overflow-hidden">
       <Pagination
         :total="total"
         v-model:page="queryParams.pageNo"
         v-model:limit="queryParams.pageSize"
         @pagination="getList"
       />
-    </div>
+    </ContentWrap>
     <template #footer>
       <el-button type="primary" @click="confirmSelect">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>
@@ -109,7 +139,7 @@
 </template>
 
 <script setup lang="ts">
-import { DICT_TYPE } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { MdVendorApi, MdVendorVO } from '@/api/mes/md/vendor'
 
 defineOptions({ name: 'MdVendorSelectDialog' })
@@ -178,7 +208,9 @@ const queryParams = reactive({
   pageSize: 10, // 每页条数
   code: undefined as string | undefined, // 供应商编码
   name: undefined as string | undefined, // 供应商名称
-  nickname: undefined as string | undefined // 供应商简称
+  nickname: undefined as string | undefined, // 供应商简称
+  englishName: undefined as string | undefined, // 英文名称
+  status: undefined as number | undefined // 状态
 })
 
 /** 查询供应商列表 */
@@ -230,6 +262,8 @@ const resetQuery = () => {
   queryParams.code = undefined
   queryParams.name = undefined
   queryParams.nickname = undefined
+  queryParams.englishName = undefined
+  queryParams.status = undefined
   handleQuery()
 }
 
@@ -260,6 +294,8 @@ const open = async (selectedIds?: number[]) => {
   queryParams.code = undefined
   queryParams.name = undefined
   queryParams.nickname = undefined
+  queryParams.englishName = undefined
+  queryParams.status = undefined
   queryParams.pageNo = 1
   // 清空上一次的选中状态
   selectedRows.value = []