调整完成

src/api/lottery/shop-api.js

@@ -40,4 +40,11 @@ shopApi.getLotteryList = id => {
   })
 }
 
+shopApi.getShopDetail = id => {
+  return request({
+    url: '/taShop/info/' + id,
+    method: 'get'
+  })
+}
+
 export default shopApi

src/views/lottery/customer/customer-bill-list.vue

@@ -92,6 +92,7 @@
           pageIndex: 1,
           pageSize: 10,
           phone: null,
+          customerId: "",
           idCard: null,
           name: null,
           pageSorts: []
@@ -101,6 +102,7 @@
       }
     },
     created() {
+      this.listQuery.customerId = this.$route.query.customerId;
       this.setDefaultSort()
       this.getList()
     },

src/views/lottery/customer/customer-lottery-list.vue

@@ -24,7 +24,7 @@
       </el-table-column>
       <el-table-column label="昵称" min-width="100px" align="center">
         <template slot-scope="{row}">
-          <span>{{ row.name }}</span>
+          <span @click="goToBillList(row)"  style="color: blue; cursor:pointer">{{ row.name }}</span>
         </template>
       </el-table-column>
       <el-table-column label="头像" width="80px" align="center">
@@ -63,6 +63,7 @@
   import waves from '@/directive/waves'
   import Pagination from '@/components/Pagination'
   import customerApi from '@/api/lottery/customer-api'
+import router from '../../../router'
 
   const stateEnum = { 0: '待审核', 1: '已审核', 2: '审核不通过' }
   const statusOptions = [
@@ -113,7 +114,10 @@
           this.listLoading = false
         });
       },
-
+      // 跳转流水页面
+      goToBillList(row){
+        this.$router.push("customer-bill-list?customerId=" + row.customerId)
+      },
       handleFilter() {
         this.listQuery.pageIndex = 1
         this.getList()

src/views/lottery/shop/components/shop-detail.vue

@@ -0,0 +1,89 @@
+<template>
+  <el-dialog
+    title="店铺详情"
+    :visible.sync="dialogVisible"
+    custom-class="page-dialog sys-user-dialog"
+  >
+    <el-form
+      ref="shopVerifyForm"
+      :rules="rules"
+      :model="form"
+      label-position="right"
+      label-width="80px"
+      class="page-form"
+      style="width: 100%;"
+    >
+      <el-form-item label="店铺名称" prop="name">
+        <el-input v-model="form.name" readonly="true" />
+      </el-form-item>
+      <el-form-item label="详细地址" prop="address">
+        <el-input v-model="form.address" readonly="true" />
+      </el-form-item>
+      <el-form-item label="店主" prop="keeperName">
+        <el-input v-model="form.keeperName" readonly="true" />
+      </el-form-item>
+      <el-form-item label="店主手机号" prop="phone">
+        <el-input v-model="form.phone" readonly="true" />
+      </el-form-item>
+      <el-form-item label="账户余额" prop="amount">
+        <el-input v-model="form.amount" readonly="true" />
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createDate">
+        <el-input v-model="form.createDate" readonly="true" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import shopApi from '@/api/lottery/shop-api'
+
+  export default {
+    name: 'ShopDetail',
+    components: { },
+    props: {
+    },
+    data() {
+      return {
+        dialogVisible: false,
+        form: {
+        },
+        updateId: null,
+        rules: {
+          status: [
+            { required: true, message: '请选择状态', trigger: 'change' }
+          ]
+        }
+      }
+    },
+    computed: {},
+    created() {
+
+    },
+    mounted() {
+
+    },
+    methods: {
+      handle(id) {
+        console.log(id, "id-----")
+        shopApi.getShopDetail(id).then(response => {
+          this.form = response.data
+        });
+        this.dialogVisible = true
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  .sys-user-dialog {
+    margin-top: 40px !important;
+  }
+</style>
+
+<style lang="scss" scoped>
+
+</style>

src/views/lottery/shop/shop-lottery-list.vue

@@ -30,7 +30,7 @@
       </el-table-column>
       <el-table-column label="店铺名称" min-width="100px" align="center">
         <template slot-scope="{row}">
-          <span>{{ row.name }}</span>
+          <span @click="detailShop(row)" style="color: blue; cursor:pointer">{{ row.name }}</span>
         </template>
       </el-table-column>
       <el-table-column label="详细地址" min-width="110px" align="center">
@@ -60,6 +60,7 @@
 
     <shop-verify ref="verifyPage" @change="getList"/>
     <shop-lottery-manage ref="shopLotteryManagePage" />
+    <shop-detail ref="shopDetailPage" />
 
   </div>
 </template>
@@ -71,6 +72,7 @@
 
   import ShopVerify from './components/shop-verify'
   import ShopLotteryManage from './components/shop-lottery-manage'
+  import ShopDetail from './components/shop-detail'
 
   const stateEnum = { 0: '待审核', 1: '已审核', 2: '审核不通过' }
   const statusOptions = [
@@ -81,7 +83,7 @@
 
   export default {
     name: 'shopLotteryList',
-    components: { Pagination, ShopVerify, ShopLotteryManage },
+    components: { Pagination, ShopVerify, ShopLotteryManage, ShopDetail },
     directives: { waves },
     filters: {
       statusFilter(state) {
@@ -120,7 +122,11 @@
           this.listLoading = false
         });
       },
-
+      detailShop(row) {
+        this.$nextTick(() => {
+          this.$refs.shopDetailPage.handle(row.shopId)
+        });
+      },
       handleFilter() {
         this.listQuery.pageIndex = 1
         this.getList()