融信列表样式问题修改

front-vue/src/assets/styles/element-ui.scss

@@ -174,3 +174,17 @@
 
   }
 }
+.zap-form-input--small{
+  width: 200px !important;
+  &.date{
+    .el-range-input{
+      font-size: 12px !important;
+    }
+  }
+}
+.zap-form-input--medium{
+  width: 248px !important;
+}
+.zap-form-input--default{
+  width: 256px !important;
+}

front-vue/src/assets/styles/huyi.scss

@@ -64,6 +64,9 @@
 .m20 {
   margin-left: 20px;
 }
+.ml24{
+  margin-left: 24px;
+}
 .mt32{
   margin-top: 32px;
 }

front-vue/src/views/service/credit/credit.vue

@@ -4,28 +4,28 @@
         <el-form :model="queryParams" ref="queryForm" v-if="showSearch" label-width="80px">
             <el-row type="flex" style="flex-wrap:wrap;">
                 <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
-                    <el-select v-model="queryParams.zfiTypes" style="width: 200px;" clearable>
+                    <el-select v-model="queryParams.zfiTypes" class="zap-form-input--small" clearable>
                         <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                     </el-select>
                 </el-form-item>
                 <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
-                    <el-select v-model="queryParams.zfiQuery" style="width: 248px;" clearable>
+                    <el-select v-model="queryParams.zfiQuery" class="zap-form-input--medium" clearable>
                         <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                     </el-select>
                 </el-form-item>
-                <el-form-item class="zap-flex-1" prop="zfiValue" v-if="this.queryParams.zfiQuery" label-width="24px">
-                    <el-input v-model="queryParams.zfiValue" style="width: 272px;" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParams.zfiQuery" label-width="0">
+                    <el-input v-model="queryParams.zfiValue" class="zap-form-input--default" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
                 </el-form-item>
             </el-row>
             <el-row type="flex" style="flex-wrap:wrap;">
                 <el-form-item class="zap-flex-1" prop="finaceStatus" label="融信状态">
-                    <el-select v-model="queryParams.finaceStatus" style="width: 200px;" clearable>
+                    <el-select v-model="queryParams.finaceStatus" class="zap-form-input--small" clearable>
                         <el-option v-for="dict in stateOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                     </el-select>
                 </el-form-item>
                 <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
                     <el-date-picker
-                        style="width: 248px;"
+                        class="zap-form-input--medium"
                         v-model="queryParams.zfiExpireDate"
                         unlink-panels
                         value-format="yyyy-MM-dd"
@@ -39,202 +39,237 @@
         </el-form>
     </search-bar>
     <search-bar v-else-if="activeIndex === '1'" :hiddenSetting="true" @query="handleQueryOpening" @reset="resetQueryOpening">
-        <el-form :model="queryParamsOpening" ref="queryFormOpening" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsOpening.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsOpening.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsOpening.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsOpening.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsOpening.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsOpening" ref="queryFormOpening" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select v-model="queryParamsOpening.zfiTypes" class="zap-form-input--small" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select v-model="queryParamsOpening.zfiQuery" class="zap-form-input--medium" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsOpening.zfiQuery" label-width="0">
+                    <el-input v-model="queryParamsOpening.zfiValue" class="zap-form-input--default" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsOpening.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <search-bar v-else-if="activeIndex === '2'" :hiddenSetting="true" @query="handleQuerySign" @reset="resetQuerySign">
-        <el-form :model="queryParamsSign" ref="queryFormSign" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsSign.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsSign.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsSign.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsSign.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsSign.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsSign" ref="queryFormSign" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select v-model="queryParamsSign.zfiTypes" class="zap-form-input--small" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select v-model="queryParamsSign.zfiQuery" class="zap-form-input--medium" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsSign.zfiQuery" label-width="0">
+                    <el-input v-model="queryParamsSign.zfiValue" placeholder="请输入关键字模糊查询" class="zap-form-input--default" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsSign.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <search-bar v-else-if="activeIndex === '3'" :hiddenSetting="true" @query="handleQueryFinancing" @reset="resetQueryFinancing">
-        <el-form :model="queryParamsFinancing" ref="queryFormFinancing" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsFinancing.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsFinancing.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsFinancing.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsFinancing.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsFinancing.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsFinancing" ref="queryFormFinancing" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select v-model="queryParamsFinancing.zfiTypes" class="zap-form-input--small" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select v-model="queryParamsFinancing.zfiQuery" class="zap-form-input--medium" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsFinancing.zfiQuery" label-width="0">
+                    <el-input v-model="queryParamsFinancing.zfiValue" placeholder="请输入关键字模糊查询" class="zap-form-input--default" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsFinancing.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <search-bar v-else-if="activeIndex === '4'" :hiddenSetting="true" @query="handleQueryFinanced" @reset="resetQueryFinanced">
-        <el-form :model="queryParamsFinanced" ref="queryFormFinanced" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsFinanced.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsFinanced.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsFinanced.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsFinanced.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsFinanced.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsFinanced" ref="queryFormFinanced" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select v-model="queryParamsFinanced.zfiTypes" class="zap-form-input--small" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select v-model="queryParamsFinanced.zfiQuery" class="zap-form-input--medium" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsFinanced.zfiQuery" label-width="0">
+                    <el-input v-model="queryParamsFinanced.zfiValue" class="zap-form-input--default" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsFinanced.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <!-- 已拒绝 -->
     <search-bar v-else-if="activeIndex === '5'" :hiddenSetting="true" @query="handleQueryInvalid" @reset="resetQueryInvalid">
-        <el-form :model="queryParamsInvalid" ref="queryFormInvalid" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes"  label="融信来源">
-                <el-select v-model="queryParamsInvalid.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsInvalid.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsInvalid.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsInvalid.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsInvalid.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsInvalid" ref="queryFormInvalid" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select class="zap-form-input--small" v-model="queryParamsInvalid.zfiTypes" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select class="zap-form-input--medium" v-model="queryParamsInvalid.zfiQuery" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-form-input--default ml24" prop="zfiValue" v-if="this.queryParamsInvalid.zfiQuery" label-width="0">
+                    <el-input v-model="queryParamsInvalid.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsInvalid.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <!-- 已结算 -->
     <search-bar v-else-if="activeIndex === '6'" :hiddenSetting="true" @query="handleQuerySettlement" @reset="resetQuerySettlement">
-        <el-form :model="queryParamsSettlement" ref="queryFormSettlement" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsSettlement.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsSettlement.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsSettlement.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsSettlement.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsSettlement.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsSettlement" ref="queryFormSettlement" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select class="zap-form-input--small" v-model="queryParamsSettlement.zfiTypes" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select class="zap-form-input--medium" v-model="queryParamsSettlement.zfiQuery" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsSettlement.zfiQuery" label-width="0">
+                    <el-input class="zap-form-input--default" v-model="queryParamsSettlement.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsSettlement.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <!-- 已过期 -->
     <search-bar v-else-if="activeIndex === '7'" :hiddenSetting="true" @query="handleQueryOverdue" @reset="resetQueryOverdue">
-        <el-form :model="queryParamsOverdue" ref="queryFormOverdue" :inline="true" v-if="showSearch" label-width="80px">
-            <el-form-item prop="zfiTypes" label="融信来源">
-                <el-select v-model="queryParamsOverdue.zfiTypes" clearable>
-                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiQuery" label="类型">
-                <el-select v-model="queryParamsOverdue.zfiQuery" clearable>
-                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
-                </el-select>
-            </el-form-item>
-            <el-form-item prop="zfiValue" v-if="this.queryParamsOverdue.zfiQuery" label-width="24px">
-                <el-input v-model="queryParamsOverdue.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
-            </el-form-item>
-            <el-form-item label="到期日期" prop="zfiExpireDate">
-                <el-date-picker
-                    v-model="queryParamsOverdue.zfiExpireDate"
-                    unlink-panels
-                    value-format="yyyy-MM-dd"
-                    type="daterange"
-                    range-separator="-"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                </el-date-picker>
-            </el-form-item>
+        <el-form :model="queryParamsOverdue" ref="queryFormOverdue" v-if="showSearch" label-width="80px">
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
+                    <el-select class="zap-form-input--small" v-model="queryParamsOverdue.zfiTypes" clearable>
+                        <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1" prop="zfiQuery" label="类型">
+                    <el-select class="zap-form-input--medium" v-model="queryParamsOverdue.zfiQuery" clearable>
+                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item class="zap-flex-1 ml24" prop="zfiValue" v-if="this.queryParamsOverdue.zfiQuery" label-width="0">
+                    <el-input class="zap-form-input--default" v-model="queryParamsOverdue.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
+                </el-form-item>
+            </el-row>
+            <el-row type="flex" style="flex-wrap:wrap;">
+                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
+                    <el-date-picker
+                        class="zap-form-input--small date"
+                        v-model="queryParamsOverdue.zfiExpireDate"
+                        unlink-panels
+                        value-format="yyyy-MM-dd"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-row>
         </el-form>
     </search-bar>
     <el-row class="zap-margin-top">