余额审核/会员管理页面添加余额详情

src/views/modules/order/audit.vue

@@ -24,9 +24,12 @@
         <el-button
           type="primary"
           size="small"
-          icon="el-icon-detail"
           @click="addOrUpdateHandle(scope.row.id,false)">详情</el-button>
         <el-button
+          type="success"
+          size="small"
+          @click="viewBalance(scope.row.userId)">余额</el-button>
+        <el-button
                     v-if="!scope.row.applyStatus"
                    type="primary"
                    size="small"
@@ -40,18 +43,21 @@
     <add-or-update v-if="addOrUpdateVisible"
                    ref="addOrUpdate"
                    @refreshDataList="getDataList"></add-or-update>
+    <view-balance v-if="viewBalanceVisible"
+                  ref="viewBalance"></view-balance>
   </div>
 </template>
 
 <script>
 import { tableOption } from '@/crud/order/audit'
 import AddOrUpdate from './audit-add-or-update'
+import ViewBalance from '../user/view-balance'
 export default {
   data () {
     return {
       dataForm: {
-
       },
+      viewBalanceVisible: false,
       dataList: [],
       page: {
         total: 0, // 总页数
@@ -65,7 +71,8 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    ViewBalance
   },
   filters:{
     filterStatus(data){
@@ -149,7 +156,13 @@ export default {
     },
     refreshChange () {
       this.getDataList(this.page)
-    }
+    },
+    viewBalance(id){
+      this.viewBalanceVisible = true
+      this.$nextTick(() => {
+        this.$refs.viewBalance.init(id)
+      })
+    },
   }
 }
 </script>

src/views/modules/user/user.vue

@@ -31,6 +31,10 @@
                  size="small"
                  v-if="isAuth('admin:user:update')"
                  @click.stop="addOrUpdateHandle(scope.row.userId)">编辑</el-button>
+      <el-button type="primary"
+                 icon="el-icon-user"
+                 size="small"
+                 @click.stop="viewBalance(scope.row.userId)">查看余额</el-button>
 
       <el-button type="danger"
                  icon="el-icon-delete"
@@ -44,12 +48,15 @@
   <add-or-update v-if="addOrUpdateVisible"
                  ref="addOrUpdate"
                  @refreshDataList="getDataList"></add-or-update>
-  </div>
+  <view-balance v-if="viewBalanceVisible"
+                ref="viewBalance"></view-balance>
+</div>
 </template>
 
 <script>
 import { tableOption } from '@/crud/user/user'
 import AddOrUpdate from './user-add-or-update'
+import ViewBalance from './view-balance'
 export default {
   data () {
     return {
@@ -57,6 +64,7 @@ export default {
       dataListLoading: false,
       dataListSelections: [],
       addOrUpdateVisible: false,
+      viewBalanceVisible: false,
       tableOption: tableOption,
       page: {
         total: 0, // 总页数
@@ -66,7 +74,8 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    ViewBalance
   },
   methods: {
     // 获取数据列表
@@ -97,6 +106,12 @@ export default {
         this.$refs.addOrUpdate.init(id)
       })
     },
+    viewBalance(id){
+      this.viewBalanceVisible = true
+      this.$nextTick(() => {
+        this.$refs.viewBalance.init(id)
+      })
+    },
     // 删除
     deleteHandle (id) {
       var ids = id ? [id] : this.dataListSelections.map(item => {