فهرست منبع

修改平台账号,融资产品搜索栏样式

zhanglb 3 سال پیش
والد
کامیت
2b4a37ebf3
1فایلهای تغییر یافته به همراه60 افزوده شده و 32 حذف شده
  1. 60 32
      front-vue/src/views/service/financeProduct/financeProduct.vue

+ 60 - 32
front-vue/src/views/service/financeProduct/financeProduct.vue

@@ -1,35 +1,54 @@
 <template>
 <div class="app-container zap-main">
-    <el-row class="zap-table-search">
-        <el-row style="padding-top: 16px;">
-            <right-toolbar style="margin-top: 4px;" :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
-            <span class="zap-table-search__title">所选条件:</span>
-            <div style="float: right;margin-right:1%">
-                <el-button type="cyan" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-                <el-button icon="el-icon-refresh" @click="resetQuery" style="float: ;">重置</el-button>
-                <column-setting :checkList="checkList" :tableList="tableList"  :selfDom="selfDom" :tableId="tableId" style="margin-left:5px"></column-setting>
-            </div>
-        </el-row>
-        <hr style="margin-top: 16px;">
+    <search-bar
+        :checkList="checkList"
+        :tableList="tableList"
+        :selfDom="selfDom"
+        :tableId="tableId"
+        @query="handleQuery"
+        @reset="resetQuery">
         <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
             <el-form-item label="产品名称" prop="zfpName">
-                <el-input v-model="queryParams.zfpName" placeholder="请输入产品名称" clearable size="large" maxlength="30" @keyup.enter.native="handleQuery" />
+                <el-input
+                    v-model="queryParams.zfpName"
+                    placeholder="请输入产品名称"
+                    clearable
+                    size="large"
+                    maxlength="30"
+                    @keyup.enter.native="handleQuery" />
             </el-form-item>
             <el-form-item label="资方" prop="scyName">
-                <el-input v-model="queryParams.scyName" placeholder="请输入资方名称" clearable size="large" maxlength="30" @keyup.enter.native="handleQuery" />
+                <el-input
+                    v-model="queryParams.scyName"
+                    placeholder="请输入资方名称"
+                    clearable
+                    size="large"
+                    maxlength="30"
+                    @keyup.enter.native="handleQuery" />
             </el-form-item>
             <el-form-item label="最短账期">
-                <el-input type="number" v-model="queryParams.begin" placeholder="请输入最短账期" clearable size="large" maxlength="20" min="0" />
+                <el-input
+                    type="number"
+                    v-model="queryParams.begin"
+                    placeholder="请输入最短账期"
+                    clearable
+                    size="large"
+                    maxlength="20"
+                    min="0" />
             </el-form-item>
             <el-form-item>
-                ~
+                <el-input
+                    type="number"
+                    v-model="queryParams.end"
+                    placeholder="请输入最短账期"
+                    clearable
+                    size="large"
+                    @keyup.enter.native="handleQuery"
+                    maxlength="20"
+                    min="1" />
             </el-form-item>
-            <el-form-item>
-                <el-input type="number" v-model="queryParams.end" placeholder="请输入最短账期" clearable size="large" @keyup.enter.native="handleQuery" maxlength="20" min="1" />
-            </el-form-item>
-
         </el-form>
-    </el-row>
+    </search-bar>
     <el-row class="zap-margin-top">
         <div style="padding: 20px;background-color: #ffffff;">
             <el-button type="primary" icon="el-icon-plus" @click="handleAdd" v-hasPermi="['service:financeProduct:add']">新增</el-button>
@@ -58,9 +77,27 @@
                     <template slot-scope="scope">
                         <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:financeProduct:query']">详情</el-button>
                         <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['service:financeProduct:edit']">修改</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-edit" @click="handleChange(scope.row)" v-if="scope.row.zfpStatus == '01'" v-hasPermi="['service:financeProduct:change']">停用</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-edit" @click="handleChange(scope.row)" v-if="scope.row.zfpStatus == '00'" v-hasPermi="['service:financeProduct:change']">启用</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" v-if="scope.row.zfpStatus == '00'" v-hasPermi="['service:financeProduct:delete']">删除</el-button>
+                        <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-edit"
+                            @click="handleChange(scope.row)"
+                            v-if="scope.row.zfpStatus == '01'"
+                            v-hasPermi="['service:financeProduct:change']">停用</el-button>
+                        <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-edit"
+                            @click="handleChange(scope.row)"
+                            v-if="scope.row.zfpStatus == '00'"
+                            v-hasPermi="['service:financeProduct:change']">启用</el-button>
+                        <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-delete"
+                            @click="handleDel(scope.row)"
+                            v-if="scope.row.zfpStatus == '00'"
+                            v-hasPermi="['service:financeProduct:delete']">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -427,7 +464,6 @@ export default {
 </style>
 
 <style lang="scss" scoped>
-
 .zap-credit__content {
     position: relative;
     padding: 0 13px 25px;
@@ -448,14 +484,6 @@ export default {
     z-index: 99;
 }
 
-.zap-table-search__title {
-    display: inline-block;
-    line-height: 40px;
-    height: 40px;
-    color: #333333;
-    font-size: 14px;
-}
-
 .zap-table {
     padding: 0 13px;
     background-color: #ffffff;