【ECCS-商保-1213】添加账单明细页面

src/router/modules/charge-query.js

 // 收费查询路由表,分包名称:charge-query
+import Layout from '@/layout'
 export default {
   path: "/charge-query",
-  name: "ChargeQuery",
-  component: () => {
-    return import(/* webpackChunkName: "chargeQuery" */ "@/views/charge-query");
-  },
+  name: "chargeQuery",
+  component: Layout,
+  children: [
+    {
+      path:'',
+      name: "chargeQueryIndex",
+      component: () => import(/* webpackChunkName: "chargeQuery" */"@/views/charge-query/index.vue")
+    },
+    {
+      path: "detail",
+      name: "chargeQueryDetail",
+      component: () => import(/* webpackChunkName: "chargeQuery" */"@/views/charge-query/detail.vue")
+    }
+  ]
 };

src/views/charge-query/detail.vue

+<template>
+  <div>账单明细页面</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/views/charge-query/index.vue

@@ -98,13 +98,13 @@
     </a-form-model>
 
     <!-- table -->
-    <!-- :customRow="handlerRowClick" -->
     <a-table
       :columns="columns"
       :data-source="dataList"
       row-key="id"
       :scroll="{ x: true }"
-      :pagination="false"
+      :customRow="handlerRowClick"
+      :pagination="true"
     >
       <template slot="operation" slot-scope="record">
         <a-button
@@ -273,7 +273,8 @@ export default {
     
     //设置行属性 
     handlerRowClick(record) {
-      const { id, patientPolicyId } = record;
+      const { receiptNo } = record;
+      console.log('receiptNo=',receiptNo);
       return {
         style: {
           color: record.isEdit ? "#2B63FF" : "#252631",
@@ -285,8 +286,8 @@ export default {
               return true;
             }
             this.$router.push({
-              name: "welfare",
-              query: { id, patientPolicyId },
+              name: "chargeQueryDetail",
+              query: { receiptNo },
             });
           },
         },