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

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

 <template>
   <div class="mod-user">
-    <avue-crud ref="crud"
-               :page="page"
-               :data="dataList"
-               :option="tableOption"
-               @search-change="searchChange"
-               @selection-change="selectionChange"
-               @on-load="getDataList">
-      <template slot="menuLeft">
-        <el-button type="danger"
-                   @click="deleteHandle()"
-                   v-if="isAuth('admin:user:delete')"
-                   size="small"
-                   :disabled="dataListSelections.length <= 0">批量删除</el-button>
-      </template>
+  <avue-crud ref="crud"
+             :page="page"
+             :data="dataList"
+             :option="tableOption"
+             @search-change="searchChange"
+             @selection-change="selectionChange"
+             @on-load="getDataList">
+    <template slot="menuLeft">
+      <el-button type="danger"
+                 @click="deleteHandle()"
+                 v-if="isAuth('admin:user:delete')"
+                 size="small"
+                 :disabled="dataListSelections.length <= 0">批量删除</el-button>
+    </template>
 
-      <template slot-scope="scope"
-                slot="status">
-        <el-tag v-if="scope.row.status === 0"
-                size="small"
-                type="danger">禁用</el-tag>
-        <el-tag v-else
-                size="small">正常</el-tag>
-      </template>
+    <template slot-scope="scope"
+              slot="status">
+      <el-tag v-if="scope.row.status === 0"
+              size="small"
+              type="danger">禁用</el-tag>
+      <el-tag v-else
+              size="small">正常</el-tag>
+    </template>
 
-      <template slot-scope="scope"
-                slot="menu">
-        <el-button type="primary"
-                   icon="el-icon-edit"
-                   size="small"
-                   v-if="isAuth('admin:user:update')"
-                   @click.stop="addOrUpdateHandle(scope.row.userId)">编辑</el-button>
+    <template slot-scope="scope"
+              slot="menu">
+      <el-button type="primary"
+                 icon="el-icon-edit"
+                 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"
-                   size="small"
-                   v-if="isAuth('admin:user:delete')"
-                   @click.stop="deleteHandle(scope.row.userId)">删除</el-button>
-      </template>
-    </avue-crud>
+      <el-button type="danger"
+                 icon="el-icon-delete"
+                 size="small"
+                 v-if="isAuth('admin:user:delete')"
+                 @click.stop="deleteHandle(scope.row.userId)">删除</el-button>
+    </template>
+  </avue-crud>
 
-    <!-- 弹窗, 新增 / 修改 -->
-    <add-or-update v-if="addOrUpdateVisible"
-                   ref="addOrUpdate"
-                   @refreshDataList="getDataList"></add-or-update>
-  </div>
+  <!-- 弹窗, 新增 / 修改 -->
+  <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/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 => {