封装页面组件1

src/views/sign/FnaList/index.vue

@@ -8,7 +8,7 @@
       <!-- 查询条件插槽 -->
       <!-- 查询条件插槽 -->
       <template #searchForm>
       <template #searchForm>
         <el-form :model="queryParams" ref="queryRef" label-width="78px">
         <el-form :model="queryParams" ref="queryRef" label-width="78px">
-          <el-row :gutter="50">
+          <el-row :gutter="20">
             <el-col :span="8">
             <el-col :span="8">
               <el-form-item label="创建时间">
               <el-form-item label="创建时间">
                 <el-date-picker
                 <el-date-picker
@@ -19,7 +19,6 @@
                   start-placeholder="开始日期"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
                   end-placeholder="结束日期"
                   @clear="clearDateRange"
                   @clear="clearDateRange"
-                  style="width: 100%"
                 ></el-date-picker>
                 ></el-date-picker>
               </el-form-item>
               </el-form-item>
             </el-col>
             </el-col>
@@ -30,7 +29,6 @@
                   placeholder="请输入流程编号"
                   placeholder="请输入流程编号"
                   clearable
                   clearable
                   @keyup.enter="handleQuery"
                   @keyup.enter="handleQuery"
-                  style="width: 100%"
                 />
                 />
               </el-form-item>
               </el-form-item>
             </el-col>
             </el-col>
@@ -41,19 +39,13 @@
                   placeholder="请输入姓名"
                   placeholder="请输入姓名"
                   clearable
                   clearable
                   @keyup.enter="handleQuery"
                   @keyup.enter="handleQuery"
-                  style="width: 100%"
                 />
                 />
               </el-form-item>
               </el-form-item>
             </el-col>
             </el-col>
 
 
             <el-col :span="8">
             <el-col :span="8">
               <el-form-item label="状态" prop="status">
               <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
                   <el-option
                     v-for="dict in csf_fna_status"
                     v-for="dict in csf_fna_status"
                     :key="dict.value"
                     :key="dict.value"
@@ -317,14 +309,14 @@ getList()
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .bottomBtn {
 .bottomBtn {
   box-sizing: border-box;
   box-sizing: border-box;
-  width: 95%;
+  width: 100%;
   text-align: right;
   text-align: right;
   margin-top: 20px;
   margin-top: 20px;
-  position: fixed;
+  /* position: fixed;
   bottom: 0;
   bottom: 0;
   background-color: #fff;
   background-color: #fff;
   z-index: 999;
   z-index: 999;
   border-top: 1px solid rgb(247 247 247);
   border-top: 1px solid rgb(247 247 247);
-  padding: 10px 20px;
+  padding: 10px 20px; */
 }
 }
 </style>
 </style>

src/views/sign/appointment/index.vue

@@ -541,15 +541,15 @@ getList()
 }
 }
 .bottomBtn {
 .bottomBtn {
   box-sizing: border-box;
   box-sizing: border-box;
-  width: 95%;
+  width: 100%;
   text-align: right;
   text-align: right;
   margin-top: 20px;
   margin-top: 20px;
-  position: fixed;
+  /* position: fixed;
   bottom: 0;
   bottom: 0;
   background-color: #fff;
   background-color: #fff;
   z-index: 999;
   z-index: 999;
   border-top: 1px solid rgb(247 247 247);
   border-top: 1px solid rgb(247 247 247);
-  padding: 10px 20px;
+  padding: 10px 20px; */
 }
 }
 .dialogBox {
 .dialogBox {
   padding: 0 15px;
   padding: 0 15px;