✨ feat: spd消耗单明细新增搜索条件折叠

src/views/expend/expendMx.vue

@@ -2,7 +2,7 @@
   <div id="expendMx">
     <div v-if="isList">
       <el-card v-loading="loading" style="position: relative">
-        <el-form class="search_area" label-width="auto">
+        <!-- <el-form class="search_area" label-width="auto">
           <el-row :gutter="10">
             <el-col :span="1.5">
               <el-form-item label="编码">
@@ -167,8 +167,16 @@
               </el-form-item>
             </el-col>
           </el-row>
-        </el-form>
+        </el-form> -->
 
+        <el-super-search
+          v-model="params"
+          :size="size"
+          :dict="dict"
+          :columns="SearchColumns"
+          @reset="resetList"
+          @submit="useQuery(params, pageInfo)"
+        ></el-super-search>
         <div class="btn_grooup">
           <!-- <el-button type="primary" size="mini" @click="submits">提交</el-button> -->
 
@@ -245,6 +253,7 @@ export default {
   components: {
     Add: () => import("./expendMxDetail.vue"),
     ElSuperUxTable: () => import("@/components/super-ux-table/index.vue"),
+    ElSuperSearch: () => import("@/components/super-search/index.vue"),
   },
   data() {
     return {
@@ -284,7 +293,93 @@ export default {
       },
       tableData: [],
       selectData: [],
-      // SearchColumns: SearchColumns,
+      SearchColumns: [
+      {
+        item: { key: "code", title: "编码" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "custName", title: "医院名称" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "custCode", title: "医院编码" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "supplierName", title: "供应商名称" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "supplierCode", title: "供应商编码" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "startDate", title: "结算开始日期", span: 6 },
+        attr: {
+          is: "el-date-picker",
+          type: "date",
+          placeholder: "请选择",
+          valueFormat: "yyyy-MM-dd",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "endDate", title: "结算截止日期", span: 6 },
+        attr: {
+          is: "el-date-picker",
+          type: "date",
+          placeholder: "请选择",
+          valueFormat: "yyyy-MM-dd",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "settleNo", title: "结算单号" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "isSum", title: "是否汇总" },
+        attr: {
+          is: "el-select",
+          dictName: "sys_number_yes_no",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "sumCode", title: "汇总单据号" },
+        attr: {
+          is: "el-input",
+          clearable: true,
+        }
+      },
+      {
+        item: { key: "isWhether", title: "是否带量" },
+        attr: {
+          is: "el-select",
+          dictName: "carry_or_not",
+          clearable: true,
+        }
+      },
+      ],
       TableColumns: [
         { item: { key: "code", title: "编码" }, attr: {} },
         {