Selaa lähdekoodia

资金账户页面

lilei 3 vuotta sitten
vanhempi
commit
64854f763f

+ 2 - 1
src/config/router.config.js

@@ -1203,13 +1203,14 @@ export const asyncRouterMap = [
                 }
               },
               {
-                path: 'detail/:sn',
+                path: 'detail/:id',
                 name: 'fundAccountDetail',
                 component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/fundAccountManagement/detail.vue'),
                 meta: {
                   title: '资金明细',
                   icon: 'file-protect',
                   hidden: true,
+                  replaceTab: true,
                   // permission: 'M_fundAccount_detail'
                 }
               }

+ 39 - 70
src/views/financialManagement/fundAccountManagement/addModal.vue

@@ -1,40 +1,44 @@
 <template>
   <a-modal
     centered
-    class="purchaseOrder-basicInfo-modal"
+    class="fundAount-basicInfo-modal"
     :footer="null"
     :maskClosable="false"
-    title="新增采购单"
+    title="新增资金账户"
     v-model="isShow"
     @cancel="isShow=false"
-    :width="800">
+    :width="600">
     <a-spin :spinning="spinning" tip="Loading...">
       <a-form-model
-        id="purchaseOrder-basicInfo-form"
+        id="fundAount-basicInfo-form"
         ref="ruleForm"
         :model="form"
         :rules="rules"
         :label-col="formItemLayout.labelCol"
         :wrapper-col="formItemLayout.wrapperCol" >
-        <a-form-model-item label="供应商" prop="purchaseTargetSn">
-          <a-radio-group
-            name="radioGroup"
-            v-model="form.purchaseTargetSn"
-            @change="tragetTypeChange"
-            v-if="purchaseTragetType.length"
-            id="purchaseOrder-basicInfo-purchaseTargetSn" >
-            <a-radio v-for="item in purchaseTragetType" :key="item.purchaseTargetSn" :value="item.purchaseTargetSn" class="radio-s">{{ item.purchaseTargetName }}</a-radio>
-          </a-radio-group>
-          <span v-else>没有可选择的供应商</span>
-        </a-form-model-item>
-        <a-form-model-item label="是否抓单" prop="grabFlag">
+        <a-form-model-item label="账户类型" prop="accountType">
           <v-select
             code="FLAG"
-            showType="radio"
-            id="purchaseOrder-grabFlag"
-            v-model="form.grabFlag"
+            id="fundAount-grabFlag"
+            v-model="form.accountType"
             allowClear
-            placeholder="请选择"></v-select>
+            placeholder="请选择账户类型"></v-select>
+        </a-form-model-item>
+        <a-form-model-item label="账户名称" prop="accountName">
+          <a-input
+            id="fundAount-accountName"
+            :maxLength="30"
+            v-model.trim="form.accountName"
+            placeholder="请输入账户名称(最多30个字符)"
+            allowClear />
+        </a-form-model-item>
+        <a-form-model-item label="账户号码" prop="accountNo">
+          <a-input
+            id="fundAount-accountNo"
+            :maxLength="30"
+            v-model.trim="form.accountNo"
+            placeholder="请输入账户号码(最多30个字符)"
+            allowClear />
         </a-form-model-item>
         <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
           <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
@@ -48,7 +52,6 @@
 <script>
 import { commonMixin } from '@/utils/mixin'
 import { VSelect } from '@/components'
-import { purchaseTargetList } from '@/api/purchase'
 import { purchaseReturnSaveByNoSync } from '@/api/purchaseReturn'
 export default {
   name: 'BasicInfoModal',
@@ -71,37 +74,29 @@ export default {
         wrapperCol: { span: 18 }
       },
       form: {
-        purchaseTargetType: '', // 供应商
-        purchaseTargetSn: undefined,
-        purchaseTargetName: '',
-        grabFlag: '1'
+        accountType: undefined, // 供应商
+        accountName: '',
+        accountNo: ''
       },
       rules: {
-        purchaseTargetSn: [
-          { required: true, message: '请选择供应商', trigger: 'change' }
+        accountType: [
+          { required: true, message: '请选择账户类型', trigger: 'change' }
+        ],
+        accountName: [
+          { required: true, message: '请输入账户名称(最多30个字符)', trigger: 'change' }
         ],
-        grabFlag: [
-          { required: true, message: '请选择抓单类型', trigger: 'change' }
+        accountNo: [
+          { required: true, message: '请输入账户号(最多30个字符)', trigger: 'change' }
         ]
-      },
-      purchaseTragetType: []
+      }
     }
   },
   methods: {
     resetForm () {
       this.$refs.ruleForm.resetFields()
-      this.form.purchaseTargetType = ''
-      this.form.purchaseTargetSn = undefined
-      this.form.purchaseTargetName = ''
-    },
-    // 供应商change
-    tragetTypeChange (e) {
-      const val = e.target.value
-      const ind = this.purchaseTragetType.findIndex(item => item.purchaseTargetSn == val)
-      if (ind != -1) {
-        this.form.purchaseTargetType = this.purchaseTragetType[ind].purchaseTargetType
-        this.form.purchaseTargetName = this.purchaseTragetType[ind].purchaseTargetName
-      }
+      this.form.accountName = ''
+      this.form.accountType = undefined
+      this.form.accountNo = ''
     },
     //  保存
     handleSubmit (e) {
@@ -128,30 +123,6 @@ export default {
     // 编辑信息
     setData (data) {
       this.form = JSON.parse(JSON.stringify(data))
-    },
-    getParentDealer () {
-      const zb = this.$hasPermissions('B_PR_outSnycZB')
-      const sj = this.$hasPermissions('B_PR_outSnycSJ')
-      let params = {}
-      // 只能向上级退货
-      if (sj) {
-        params.purchaseTargetType = 'DEALER_UP'
-      }
-      // 只能向总部退货
-      if (zb) {
-        params.purchaseTargetType = 'SUPPLIER_SYS'
-      }
-      // 总部和上级都可以
-      if (sj && zb) {
-        params = {}
-      }
-      purchaseTargetList(params).then(res => {
-        if (res.status == 200 && res.data[0]) {
-          this.purchaseTragetType = res.data
-        } else {
-          this.purchaseTragetType = []
-        }
-      })
     }
   },
   watch: {
@@ -164,8 +135,6 @@ export default {
       if (!newValue) {
         this.$emit('close')
         this.resetForm()
-      } else {
-        this.getParentDealer()
       }
     }
   }
@@ -173,7 +142,7 @@ export default {
 </script>
 
 <style lang="less">
-  .purchaseOrder-basicInfo-modal{
+  .fundAount-basicInfo-modal{
     .ant-modal-body {
       padding: 40px 40px 24px;
     }

+ 270 - 2
src/views/financialManagement/fundAccountManagement/detail.vue

@@ -1,8 +1,276 @@
 <template>
+  <div class="fundAcountDetail-wrap">
+    <a-spin :spinning="spinning" tip="Loading...">
+      <a-page-header :ghost="false" :backIcon="false" class="fundAcountDetail-back" v-if="pageType=='pages'">
+        <!-- 自定义的二级文字标题 -->
+        <template slot="subTitle">
+          <a id="fundAcountDetail-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
+        </template>
+      </a-page-header>
+      <a-card size="small" :bordered="false">
+        <!-- 搜索条件 -->
+        <div ref="tableSearch" class="table-page-search-wrapper">
+          <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
+            <a-row :gutter="15">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="单据类型">
+                  <v-select
+                    v-model="queryParam.state"
+                    ref="state"
+                    id="fundAcountDetail-state"
+                    code="EXPENSE_AUDIT_TYPE"
+                    placeholder="请选择单据类型"
+                    allowClear></v-select>
+                </a-form-item>
+              </a-col>
+              <a-col :md="6" :sm="24">
+                <a-form-item label="关联单据号">
+                  <a-input id="fundAcountDetail-accountExpensesNo" v-model.trim="queryParam.accountExpensesNo" allowClear placeholder="请输入关联单据号"/>
+                </a-form-item>
+              </a-col>
+              <a-col :md="6" :sm="24">
+                <a-form-item label="操作时间">
+                  <rangeDate id="fundAcountDetail-accountExpensesNo" ref="rangeDate" @change="dateChange" />
+                </a-form-item>
+              </a-col>
+              <template v-if="advanced">
+                <a-col :md="6" :sm="24">
+                  <a-form-item label="往来单位">
+                    <a-input id="fundAcountDetail-accountExpensesNo" v-model.trim="queryParam.accountExpensesNo" allowClear placeholder="请输入往来单位名称"/>
+                  </a-form-item>
+                </a-col>
+              </template>
+              <a-col :md="6" :sm="24">
+                <span class="table-page-search-submitButtons">
+                  <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="fundAcountDetail-refresh">查询</a-button>
+                  <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="fundAcountDetail-reset">重置</a-button>
+                  <a @click="advanced=!advanced" style="margin-left: 8px">
+                    {{ advanced ? '收起' : '展开' }}
+                    <a-icon :type="advanced ? 'up' : 'down'"/>
+                  </a>
+                </span>
+              </a-col>
+            </a-row>
+          </a-form>
+        </div>
+        <!-- 列表 -->
+        <s-table
+          class="sTable fixPagination"
+          ref="table"
+          :style="{ height: tableHeight+84.5+'px' }"
+          size="small"
+          :rowKey="(record) => record.id"
+          :columns="columns"
+          :data="loadData"
+          :scroll="{ y: tableHeight }"
+          :defaultLoadData="false"
+          bordered>
+          <!-- 结算金额 -->
+          <template slot="accountExpensesNo" slot-scope="text, record">
+            {{ text }}
+          </template>
+        </s-table>
+      </a-card>
+    </a-spin>
+  </div>
 </template>
 
 <script>
+import { commonMixin } from '@/utils/mixin'
+import { STable, VSelect } from '@/components'
+import rangeDate from '@/views/common/rangeDate.vue'
+import { settleExpenseQuery, delExpense, settleExpenseQuerySum, auditExpense } from '@/api/settleExpense'
+import { costTypeAllQuery } from '@/api/costType'
+export default {
+  name: 'ExpenseManagementList',
+  components: { STable, VSelect, rangeDate },
+  mixins: [commonMixin],
+  props: {
+    pageType: { // 页面表现形式,pages 新页签打开的页面,modal 弹框里的页面
+      type: String,
+      default: 'pages'
+    },
+    paramsData: {
+      type: Object,
+      default: function () {
+        return null
+      }
+    },
+    saveing: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      spinning: false,
+      tableHeight: 0,
+      disabled: false, //  查询、重置按钮是否可操作
+      advanced: true, //  高级搜索 展开/关闭
+      costTypeList: [], // 费用类型
+      costType: [],
+      // 查询参数
+      queryParam: {
+        beginDate: '',
+        endDate: '',
+        accountExpensesNo: '',
+        expensesTypeSn1: '',
+        expensesTypeSn2: '',
+        expensesTypeSn3: '',
+        state: '',
+        settleState: ''
+      },
+      // 表头
+      columns: [
+        { title: '序号', dataIndex: 'no', width: '5%', align: 'center' },
+        { title: '单据类型', scopedSlots: { customRender: 'expensesType' }, width: '20%', align: 'center' },
+        { title: '关联单据号', dataIndex: 'accountExpensesNo', width: '20%', align: 'center' },
+        { title: '操作时间', dataIndex: 'createDate', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '操作人', dataIndex: 'czr', width: '20%', align: 'center' },
+        { title: '往来单位', dataIndex: 'accountExpensesNo', width: '20%', align: 'center' },
+        { title: '结算金额', scopedSlots: { customRender: 'accountExpensesNo' }, dataIndex: 'settleAmount', width: '10%', align: 'center' }
+      ],
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        this.disabled = true
+        this.spinning = true
+        return settleExpenseQuery(Object.assign(parameter, this.queryParam)).then(res => {
+          let data
+          if (res.status == 200) {
+            data = res.data
+            const no = (data.pageNo - 1) * data.pageSize
+            for (var i = 0; i < data.list.length; i++) {
+              data.list[i].no = no + i + 1
+            }
+            this.disabled = false
+            // 费用类型
+            if (this.costTypeList.length == 0) {
+              this.getCostTypeList()
+            }
+          }
+          this.spinning = false
+          return data
+        })
+      },
+      openModal: false, //  查看详情  弹框
+      itemId: '' //  当前id
+    }
+  },
+  methods: {
+    //  时间  change
+    dateChange (date) {
+      this.queryParam.beginDate = date[0]
+      this.queryParam.endDate = date[1]
+    },
+    //  递归函数
+    recursionFun (data) {
+      if (data) {
+        data.map((item, index) => {
+          if (item.children && item.children.length == 0) {
+            delete item.children
+          } else {
+            this.recursionFun(item.children)
+          }
+        })
+      }
+    },
+    // 获取费用类型数据
+    getCostTypeList () {
+      costTypeAllQuery({}).then(res => {
+        //  递归去除空children
+        this.recursionFun(res.data)
+        this.costTypeList = res.data
+      })
+    },
+    //  费用类型  change
+    changeCostType (val, opt) {
+      this.queryParam.expensesTypeSn1 = val[0] ? val[0] : ''
+      this.queryParam.expensesTypeSn2 = val[1] ? val[1] : ''
+      this.queryParam.expensesTypeSn3 = val[2] ? val[2] : ''
+    },
+    //  重置
+    resetSearchForm () {
+      this.$refs.rangeDate.resetDate()
+      this.queryParam.beginDate = ''
+      this.queryParam.endDate = ''
+      this.queryParam.accountExpensesNo = ''
+      this.queryParam.expensesTypeSn1 = ''
+      this.queryParam.expensesTypeSn2 = ''
+      this.queryParam.expensesTypeSn3 = ''
+      this.queryParam.state = ''
+      this.queryParam.settleState = ''
+      this.queryParam.beginDate = ''
+      this.queryParam.endDate = ''
+      this.costType = []
+      this.$refs.table.refresh(true)
+    },
+    pageInit () {
+      const _this = this
+      this.$nextTick(() => { // 页面渲染完成后的回调
+        _this.setTableH()
+      })
+    },
+    setTableH () {
+      const tableSearchH = this.$refs.tableSearch.offsetHeight
+      this.tableHeight = window.innerHeight - tableSearchH - 270
+    },
+    //  返回
+    handleBack () {
+      if (this.pageType == 'pages') {
+        this.$router.push({ name: 'fundAccountList' })
+      } else {
+        this.$emit('cansel')
+      }
+    }
+  },
+  watch: {
+    advanced (newValue, oldValue) {
+      const _this = this
+      this.$nextTick(() => { // 页面渲染完成后的回调
+        _this.setTableH()
+      })
+    },
+    '$store.state.app.winHeight' (newValue, oldValue) { //  窗口变更时,需同时更改表格高度
+      this.setTableH()
+    }
+  },
+  mounted () {
+    if (!this.$store.state.app.isNewTab) { // 页签刷新时调用
+      this.pageInit()
+      this.resetSearchForm()
+    }
+  },
+  activated () {
+    // 如果是新页签打开,则重置当前页面
+    if (this.$store.state.app.isNewTab) {
+      this.pageInit()
+      this.resetSearchForm()
+    }
+    // 仅刷新列表,不重置页面
+    if (this.$store.state.app.updateList) {
+      this.pageInit()
+      this.$refs.table.refresh()
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {})
+  }
+}
 </script>
-
-<style>
+<style lang="less">
+  .fundAcountDetail-wrap{
+    .fundAcountDetail-back{
+      margin-bottom: 8px;
+    }
+    .sTable{
+      margin-top: 10px;
+    }
+	.active{
+		color: #ed1c24;
+		cursor: pointer;
+	}
+	.common{
+		color: rgba(0, 0, 0);
+	}
+  }
 </style>

+ 83 - 65
src/views/financialManagement/fundAccountManagement/list.vue

@@ -1,79 +1,88 @@
 <template>
-  <a-card size="small" :bordered="false" class="funAccountList-wrap">
+  <div class="funAccountList-wrap">
     <a-spin :spinning="spinning" tip="Loading...">
       <!-- 搜索条件 -->
       <div ref="tableSearch" class="funAccountList-page-search-wrapper">
         <div>
-          资金账户功能:<a-radio-group
+          资金账户功能:
+          <a-radio-group
+            size="large"
             v-model="enableFundAccount"
             :options="[
               { label: '启用', value: '1' },
               { label: '禁用', value: '0' },
             ]"
-            @change="onChange2" />
+            @change="enableFundAccountChange" />
         </div>
         <div>
           开启资金账户功能后,在进行财务收款和付款时,需要从下面列表选择一个账户。
         </div>
       </div>
-      <!-- 操作按钮 -->
-      <div class="table-operator">
-        <a-button id="funAccountList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button>
-      </div>
-      <!-- 列表 -->
-      <s-table
-        class="sTable fixPagination"
-        ref="table"
-        :style="{ height: tableHeight+84.5+'px' }"
-        size="small"
-        :rowKey="(record) => record.id"
-        :columns="columns"
-        :data="loadData"
-        :scroll="{ y: tableHeight }"
-        :defaultLoadData="false"
-        bordered>
-        <!-- 费用类别 -->
-        <template slot="expensesType" slot-scope="text, record">
-          {{ record.expensesTypeName1 }} <span v-if="record.expensesTypeName2">>{{ record.expensesTypeName2 }}</span> <span v-if="record.expensesTypeName3">>{{ record.expensesTypeName3 }}</span>
-        </template>
-        <!-- 费用单号 -->
-        <template slot="accountExpensesNo" slot-scope="text, record">
-          <span :class="$hasPermissions('B_expenseDetail')?'active':'common'" @click="handleDetail(record)">{{ text }}</span>
-        </template>
-        <!-- 审核 -->
-        <template slot="audit" slot-scope="text, record">
-          <stateIcon :title="record.stateDictValue" :state="record.state == 'AUDIT_PASS'?'1':'2'"></stateIcon>
-        </template>
-        <!-- 操作 -->
-        <template slot="action" slot-scope="text, record">
-          <a-button
-            size="small"
-            type="link"
-            v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseAudit')"
-            class="button-primary"
-            @click="handleAudit(record)"
-            id="expenseManagement-audit-btn">审核</a-button>
-          <a-button
-            size="small"
-            type="link"
-            v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseEdit')"
-            class="button-primary"
-            @click="handleEdit(record)"
-            id="expenseManagement-edit-btn">编辑</a-button>
-          <a-button
-            size="small"
-            type="link"
-            v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseDel')"
-            class="button-error"
-            @click="handleDel(record)"
-            id="expenseManagement-del-btn">删除</a-button>
-          <span v-if="record.state != 'WAIT_AUDIT'||( !$hasPermissions('B_expenseAudit')&& !$hasPermissions('B_expenseEdit') && !$hasPermissions('B_expenseDel'))">--</span>
-        </template>
-      </s-table>
+
+      <a-card size="small" :bordered="false">
+        <!-- 操作按钮 -->
+        <div class="table-operator">
+          <a-button id="funAccountList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button>
+        </div>
+        <!-- 列表 -->
+        <s-table
+          class="sTable fixPagination"
+          ref="table"
+          :style="{ height: tableHeight+84.5+'px' }"
+          size="small"
+          :rowKey="(record) => record.id"
+          :columns="columns"
+          :data="loadData"
+          :scroll="{ y: tableHeight }"
+          :defaultLoadData="false"
+          bordered>
+          <!-- 费用类别 -->
+          <template slot="expensesType" slot-scope="text, record">
+            {{ record.expensesTypeName1 }} <span v-if="record.expensesTypeName2">>{{ record.expensesTypeName2 }}</span> <span v-if="record.expensesTypeName3">>{{ record.expensesTypeName3 }}</span>
+          </template>
+          <!-- 审核 -->
+          <template slot="audit" slot-scope="text, record">
+            <stateIcon :title="record.stateDictValue" :state="record.state == 'AUDIT_PASS'?'1':'2'"></stateIcon>
+          </template>
+          <!-- 操作 -->
+          <template slot="action" slot-scope="text, record">
+            <a-button
+              size="small"
+              type="link"
+              v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseAudit')"
+              class="button-primary"
+              @click="handleDetail(record)"
+              id="foundAcount-detail-btn">资金明细</a-button>
+            <a-button
+              size="small"
+              type="link"
+              v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseAudit')"
+              class="button-primary"
+              @click="handleAudit(record)"
+              id="foundAcount-audit-btn">审核</a-button>
+            <a-button
+              size="small"
+              type="link"
+              v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseEdit')"
+              class="button-primary"
+              @click="handleEdit(record)"
+              id="foundAcount-edit-btn">编辑</a-button>
+            <a-button
+              size="small"
+              type="link"
+              v-if="record.state == 'WAIT_AUDIT' && $hasPermissions('B_expenseDel')"
+              class="button-error"
+              @click="handleDel(record)"
+              id="foundAcount-del-btn">删除</a-button>
+            <span v-if="record.state != 'WAIT_AUDIT'||( !$hasPermissions('B_expenseAudit')&& !$hasPermissions('B_expenseEdit') && !$hasPermissions('B_expenseDel'))">--</span>
+          </template>
+        </s-table>
+      </a-card>
+
     </a-spin>
     <!-- 详情 -->
-    <addModal :openModal="openModal" :itemId="itemId" @close="closeDetail" />
-  </a-card>
+    <addModal :openModal="openModal" :itemId="itemId" @close="closeAddModal" />
+  </div>
 </template>
 
 <script>
@@ -99,11 +108,11 @@ export default {
       // 表头
       columns: [
         { title: '序号', dataIndex: 'no', width: '5%', align: 'center' },
-        { title: '账户类型', dataIndex: 'accountExpensesNo', width: '20%', align: 'center', scopedSlots: { customRender: 'accountExpensesNo' } },
+        { title: '账户类型', dataIndex: 'accountExpensesNo', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '账户名称', dataIndex: 'createDate', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '账户号码', scopedSlots: { customRender: 'expensesType' }, width: '20%', align: 'center' },
         { title: '收入金额', dataIndex: 'settleAmount', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? ('¥' + text) : '--') } },
-        { title: '支出金额', dataIndex: 'settleAmount', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? ('¥' + text) : '--') } },
+        { title: '支出金额', dataIndex: 'settleAmount1', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? ('¥' + text) : '--') } },
         { title: '启用', scopedSlots: { customRender: 'enable' }, width: '3%', align: 'center' },
         { title: '审核', scopedSlots: { customRender: 'audit' }, width: '3%', align: 'center' },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: '15%', align: 'center' }
@@ -131,15 +140,22 @@ export default {
     }
   },
   methods: {
-    closeDetail () {
+    enableFundAccountChange (v) {
+
+    },
+    // 关闭弹框
+    closeAddModal () {
       this.openModal = false
       this.itemId = null
     },
     //  新增/编辑
     handleEdit (row) {
+      this.itemId = row.id
+      this.openModal = true
     },
     //  资金明细
     handleDetail (row) {
+      this.$router.push({ name: 'fundAccountDetail', params: { id: row.id } })
     },
     //  审核
     handleAudit (row) {
@@ -238,13 +254,15 @@ export default {
 <style lang="less">
   .funAccountList-wrap{
     .funAccountList-page-search-wrapper{
-      padding: 0 10px 10px 10px;
-      border-bottom: 1px solid #eee;
-      margin-bottom: 15px;
+      font-size: 16px;
+      padding:10px 15px;
+      margin-bottom: 8px;
+      background-color: #fff;
       > div{
         padding: 5px 0;
         &:last-child{
           color: #999;
+          font-size: 14px;
         }
       }
     }