0407

src/main/vue/src/components/fee/FeeList.vue

@@ -52,17 +52,20 @@
             </el-table-column>
             <!-- <el-table-column prop="userId" label="userId"> </el-table-column> -->
             <el-table-column label="操作" align="center" fixed="right" min-width="150px">
-                <template>
-                    <el-button class="" type="primary" size="mini" plain>支付费用</el-button>
+                <template slot-scope="{ row }">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>支付费用</el-button>
                     <el-button type="danger" size="mini" plain>编辑</el-button>
                 </template>
             </el-table-column>
         </el-table>
+
+        <pay ref="pay" :info="editPayInfo"></pay>
     </div>
 </template>
 <script>
 import { mapState } from 'vuex';
 import pageableTable from '@/mixins/pageableTable';
+import Pay from './Pay.vue';
 
 export default {
     name: 'FeeList',
@@ -85,7 +88,8 @@ export default {
                 { label: '已支付', value: 'PAID' },
                 { label: '未支付', value: 'UNPAID' }
             ],
-            pageSize: 100
+            pageSize: 100,
+            editPayInfo: {}
         };
     },
     computed: {
@@ -126,12 +130,8 @@ export default {
             this.$refs.feeAdd.show = true;
         },
         editRow(row) {
-            this.$router.push({
-                path: '/feeEdit',
-                query: {
-                    id: row.id
-                }
-            });
+            this.editPayInfo = row;
+            this.$refs.pay.init();
         },
         download() {
             this.downloading = true;
@@ -181,6 +181,9 @@ export default {
                     }
                 });
         }
+    },
+    components: {
+        Pay
     }
 };
 </script>

src/main/vue/src/components/fee/Pay.vue

@@ -42,7 +42,7 @@ export default {
             default: () => {
                 return {};
             }
-        }
+        },
     },
     created() {},
     data() {