新增提现记录详情界面

src/js/api.js

@@ -104,6 +104,9 @@ export default {
   BOOKLIST: {
     GET_DETAIL: '/api/bookTest/bookDetail/{id}',
   },
+  BALANCELIST: {
+    GET_DETAIL: '/api/bookTest/balanceDetail/{id}',
+  },
   EXPERT: {
     GET_DETAIL: '/api/common/index/expert/{id}'
   },

src/pages/BookKeep/BookTest.vue

@@ -253,7 +253,7 @@
               <template slot-scope="scope">
                 <div :style="getActionStyle('user')">
                   <div :style="getActionStyle('enterprise')" class="btn btn-small btn-info" @click="goToDetail(scope.row.id)">详情</div>
-                  <div class="btn btn-small btn-info " @click="updateState(scope)" v-if="authType<2">提现</div>
+                  <div class="btn btn-small btn-info " @click="updateState(scope)" v-if="authType < 2&& scope.row.state === 0">提现</div>
                 </div>
               </template>
             </el-table-column>

src/pages/DetailPage/BalanceDetail.vue

@@ -60,6 +60,7 @@
               v-if="authType===2 || authType ===0">
               <template slot-scope="scope">
                 <div class="btn btn-small btn-info " @click="examineState(scope)" v-if="authType===2 || authType ===0">审核</div>
+                <div class="btn btn-small btn-info " @click="goToBalDetail(scope.row.id)">详情</div>
               </template>
             </el-table-column>
           </el-table>
@@ -238,7 +239,7 @@ export default {
         let params = {
           "keyword": this.searchVal,
           // "userid":this.user.userVO.id,
-          "activePage": 1,
+          "activePage": this.activePage,
           "columnFilters": [
             {
               "field": "type",
@@ -252,7 +253,7 @@ export default {
             },
           ],
           "extraCondition": {
-            "userid": this.user.id//用户ID
+            "userId": this.user.id//用户ID
           }
         };
         Http.post(url, params).then((res) => {
@@ -316,6 +317,13 @@ export default {
     gotoHome() {
       this.$router.push('/home');
     },
+    goToBalDetail(id) {
+      this.$router.push({
+        name: 'ToBalanceDetail',
+        path: '/book/balancedetail',
+        query: {id: id}
+      })
+    },
     handleTypeClick(tab) {
       this.searchType = tab.name
     },

src/pages/DetailPage/ToBalanceDetail.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="create-container">
+    <div class="create-body" v-loading="loading">
+      <el-form :model="resource" label-width="12%" class="demo">
+        <el-form-item label="序号" prop="id">
+          <span>{{resource.id}}</span>
+        </el-form-item>
+        <el-form-item label="用户" prop="uname" v-if="resource.uname">
+          <span>{{resource.uname}}</span>
+        </el-form-item>
+        <el-form-item label="任务名称" prop="cttname" v-if="resource.cttname">
+          <span>{{resource.cttname}}</span>
+        </el-form-item>
+        <el-form-item label="提现金额" prop="balvalue" v-if="resource.balvalue">
+          <span>{{resource.balvalue}}</span>
+        </el-form-item>
+        <el-form-item label="提现时间" prop="baltime" v-if="resource.baltime">
+          <span>{{resource.baltime}}</span>
+        </el-form-item>
+        <el-form-item label="状态" prop="stateName" v-if="resource.stateName">
+          <span>{{resource.stateName}}</span>
+        </el-form-item>
+        <el-form-item label="银行编码" prop="code" v-if="resource.code">
+          <span>{{resource.code}}</span>
+        </el-form-item>
+        <el-form-item label="开户行" prop="subname" v-if="resource.subname">
+          <span>{{resource.subname}}</span>
+        </el-form-item>
+        <el-form-item label="银行卡号" prop="number" v-if="resource.number">
+          <span>{{resource.number}}</span>
+        </el-form-item>
+        <el-form-item>
+          <div class="btn btn-medium" @click="back()">返回</div>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import Http from '@/js/http.js'
+import Apis from '@/js/api.js'
+import {notify} from '@/constants/index'
+import {storageGet} from '@/js/index'
+
+export default {
+  name: 'BookDetail',
+  components: {},
+  data() {
+    return {
+      user: {},
+      loading: false,
+      type: 0,
+      code: 0,
+      resource: {
+        id:0,
+        uname: '',
+        cttname:0,
+        balvalue:'',
+        baltime:'',
+        stateName:'',
+        subname:'',
+        number:'',
+        code:'',
+      },
+    }
+  },
+  //这里是初始化方法，一般有create（）和mounted
+  //mounted是在界面的dom初始化后才触发，created是一开始就触发
+  mounted() {
+    this.$nextTick(() => {
+      this.init() //这里执行init
+    })
+  },
+  methods: {
+    init() {
+      this.id = this.$route.query.id//这里获取code
+      this.loadData() //加载数据，这里应该就会调后台，传code
+    },
+    back() {
+      this.$router.go(-1);
+    },
+    loadData() {
+      this.showLoading()
+      Http.get(Apis.BALANCELIST.GET_DETAIL.replace('{id}', this.id)).then((res) => {
+        this.resource.id = res.data.id
+        this.resource.uname = res.data.uname
+        this.resource.cttname = res.data.cttname
+        this.resource.balvalue = res.data.balvalue
+        this.resource.baltime = res.data.baltime
+        this.resource.stateName = res.data.stateName
+        this.resource.subname = res.data.subname
+        this.resource.number = res.data.number
+        this.resource.code = res.data.code
+        this.hideLoading()
+      }).catch((error) => {
+        this.hideLoading()
+        notify('error', '打开详情失败:' + error.data)
+      })
+    },
+    setUserInfo() {
+      this.user = storageGet('user')
+    },
+    showLoading() {
+      this.loading = true
+    },
+    hideLoading() {
+      this.loading = false
+    }
+  },
+  watch: {
+    resourceType(val) {
+      this.resourceType = val
+    }
+  }
+}
+</script>
+
+<style>
+.demo {
+  font-size: 32px;
+}
+
+.el-form-item {
+  /*max-height: 120px !important;*/
+}
+</style>
+
+

src/router/index.js

@@ -596,6 +596,15 @@ export default new Router({
       }
     },
     {
+      path: '/book/balancedetail',
+      name: 'ToBalanceDetail',
+      component: resolve => require(['@/pages/DetailPage/ToBalanceDetail.vue'], resolve),
+      meta: {
+        title: '',
+        requireAuth: false,
+      }
+    },
+    {
       path: '/book/projetctbaldetail',
       name: 'ProjectBalanceDetail',
       component: resolve => require(['@/pages/DetailPage/BalanceDetail.vue'], resolve),