表格组件发测试

src/components/commonDialog/index.vue

@@ -97,6 +97,7 @@ watch(
 <style scoped lang="scss">
 .commonDialog-container {
   width: 100%;
+  box-sizing: border-box;
 }
 .titleBox {
   width: 100%;
@@ -114,5 +115,4 @@ watch(
   align-items: center;
   padding: 20px 0;
 }
-
 </style>

src/components/commonPage/index.vue

@@ -59,7 +59,6 @@
 
         <!-- 表格插槽 -->
         <slot name="table"></slot>
-
       </el-row>
     </el-card>
   </div>
@@ -223,6 +222,7 @@ onMounted(() => {
 <style scoped>
 .commonPage-container {
   width: 100%;
+  box-sizing: border-box;
 }
 
 .cardStyle {
@@ -261,11 +261,7 @@ onMounted(() => {
 
 /* 搜索表单容器样式 */
 .search-form-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
   width: 100%;
-  align-items: flex-end;
 }
 
 /* 响应式调整 */

src/views/sign/FnaList/index.vue

@@ -9,7 +9,7 @@
       <template #searchForm>
         <el-form :model="queryParams" ref="queryRef" label-width="78px">
           <el-row :gutter="20">
-            <el-col :span="8">
+            <el-col :sm="12" :lg="6" :xs="24">
               <el-form-item label="创建时间">
                 <el-date-picker
                   v-model="dateRange"
@@ -22,7 +22,7 @@
                 ></el-date-picker>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :sm="12" :lg="6" :xs="24">
               <el-form-item label="流程编号" prop="fnaNo">
                 <el-input
                   v-model="queryParams.fnaNo"
@@ -32,7 +32,7 @@
                 />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :sm="12" :lg="6" :xs="24">
               <el-form-item label="客户姓名" prop="customerName">
                 <el-input
                   v-model="queryParams.customerName"
@@ -43,7 +43,7 @@
               </el-form-item>
             </el-col>
 
-            <el-col :span="8">
+            <el-col :sm="12" :lg="6" :xs="24">
               <el-form-item label="状态" prop="status">
                 <el-select v-model="queryParams.status" placeholder="请选择" clearable>
                   <el-option

src/views/sign/appointment/index.vue

@@ -9,7 +9,7 @@
       <template #searchForm>
         <el-form :model="queryParams" ref="queryRef" label-width="100px">
           <el-row :gutter="30">
-            <el-col :span="10">
+            <el-col :sm="12" :lg="8" :xs="24">
               <el-form-item label="确认预约时间">
                 <el-date-picker
                   v-model="dateRange"
@@ -19,14 +19,12 @@
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
                   @clear="clearDate"
-                  style="width: 100%"
                 ></el-date-picker>
               </el-form-item>
             </el-col>
-            <el-col :span="7">
+            <el-col :sm="12" :lg="8" :xs="24">
               <el-form-item label="预约编号" prop="appointmentNo">
                 <el-input
-                  style="width: 100%"
                   v-model="queryParams.appointmentNo"
                   placeholder="请输入预约编号"
                   clearable
@@ -34,14 +32,9 @@
                 />
               </el-form-item>
             </el-col>
-            <el-col :span="7">
+            <el-col :sm="12" :lg="8" :xs="24">
               <el-form-item label="预约状态" prop="status">
-                <el-select
-                  v-model="queryParams.status"
-                  placeholder="请选择"
-                  clearable
-                  style="width: 100%"
-                >
+                <el-select v-model="queryParams.status" placeholder="请选择" clearable>
                   <el-option
                     v-for="dict in csf_ap_status"
                     :key="dict.value"