feature:二次确认

server/controllers/withdrawal.js

-// const WITHDRAWAL_URI = require("../config.js").WITHDRAWAL_URI;
-// const req = require("../utils/request").httpReq;
+const WITHDRAWAL_URI = require("../config.js").WITHDRAWAL_URI;
+const req = require("../utils/request").httpReq;
 
 /**
  * 示例
@@ -14,4 +14,14 @@
  *    };
  *    ctx.body = await req(ctx,opts); 将发送请求后的数据传递给前端页面
  *  };
- */
\ No newline at end of file
+ */
+// 获取提现审核列表
+exports.getApplyList = async ctx => {
+    const url = `${WITHDRAWAL_URI}/wallet/background/apply_list`;
+    const opts = {
+        url,
+        method: "GET",
+        qs: ctx.request.query
+    };
+    ctx.body = await req(ctx, opts);
+};

server/router.js

@@ -62,5 +62,7 @@ router.post(`${API_VERSION}/merchant/lifeinner/life_info`, life.get_life_info)
 router.get(`${API_VERSION}/merchant/lifeinner/life_list`, life.get_life_list)
 //用户
 router.post(`${API_VERSION}/merchant/authority/get_user_info`, user.getUser_detail)
+// 钱包提现审核
+router.post(`${API_VERSION}/get_withdrawal_apply_list`, withdrawal.getApplyList)
 
 module.exports = router;

src/pages/Withdrawal/Audit/index.less

@@ -41,7 +41,22 @@
 	
 }
 .listShow {
+	// padding-left: 60px;
 	padding-left: 120px;
+	li {
+		width: 100%;
+		padding-bottom: 10px;
+	 .list-left {
+		//  display:inline-block;
+		width: 30%;
+		// text-align: right;
+		padding-right: 10px;
+	}
+	.list-right {
+		display:inline-block;
+		width: 70%;
+	}
+  }
 }
  .text-area {
 	width: 100%;

src/pages/Withdrawal/auditTab/index.less

-
-
-.goods {
-	width: 100%;
-	height: 100%;
-	padding: 0px 30px;
-	
-	.search_condition {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		
-		.search_button {
-			display: flex;
-			align-items: center;
-			justify-self: flex-end;
-			.el-form-item__content {
-				display: flex;
-				justify-content: space-around;
-			}
-		}
-	}
-	.commodity_list {
-		margin-top: 30px;
-	}
-	.pagination {
-		margin-top: 30px;
-	}
-	
-}
-.listShow {
-	padding-left: 120px;
-}
- .text-area {
-	width: 100%;
-	padding-left: 120px;
-	.el-form-item__label {
-		width: 100%;
-		text-align: left;
-	}
-}

src/pages/Withdrawal/auditTab/index.vue

-<template>
-    <layout>
-    <el-card class="goods">
-        提现失败页
-      <!-- 筛选区 -->
-      <el-form inline class="search_condition">
-        <!-- 用户id -->
-        <el-form-item label="用户id">
-          <el-input value="value">提现失败页</el-input>
-        </el-form-item>
-       <el-button type="primary" style="margin-left:30px;margin-bottom:22px">查询</el-button>
-      </el-form>
-
-      <!-- 列表区 -->
-      <el-table class="goods_list" :data="goodsList" border stripe>
-        <el-table-column
-          label="提现用户"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="所在圈"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="提现金额"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="最近4小时收入"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="近两天分享增长"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="历史分享增长"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="历史分享留存"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="申请时间"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column label="状态" align="center">
-          <template #default="scope">
-            <span v-if="scope.row.audit_status == 0" style="color: #ff982c"
-              >待审核</span
-            >
-            <span v-if="scope.row.audit_status == 1" style="color: #5cc247"
-              >审核通过</span
-            >
-            <span v-if="scope.row.audit_status == 2" style="color: #fd6b6f"
-              >审核驳回</span
-            >
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="审核时间"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="审核人"
-          prop=""
-          align="center"
-        ></el-table-column>
-        <!-- 操作快捷键 -->
-        <el-table-column label="操作" align="center" fixed="right" width="200">
-          <template #default="scope">
-            <el-button
-              type="text"
-              @click="goDetail(`EDIT`, scope.row.goods_spu_id)"
-              >查看</el-button
-            >
-            <el-button
-              v-if="
-                scope.row.audit_status === 0 && scope.row.audit_status !== 2
-              "
-              type="text"
-              @change="outerVisible = true"
-              @click="goDetail(`AUDIT`, scope.row.goods_spu_id)"
-              >审核</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <!-- 页码区 -->
-      <!-- <el-pagination
-        class="pagination"
-        @current-change="handleCurrentChange"
-        v-model:currentPage="searchProps.page"
-        :page-size="searchProps.page_size"
-        layout="total,prev, pager, next, jumper"
-        :total="totalCount"
-      >
-      </el-pagination> -->
-    </el-card>
-  </layout>
-</template>
-<script>
-export default {
-    name: "auditTab",
-    
-}
-</script>
-<style lang="less" src="./index.less" scope></style>
\ No newline at end of file

src/pages/Withdrawal/components/PageHeader/User.vue

+<template>
+  <el-dropdown>
+    <div class="user-info">
+      <el-avatar
+        :src="userInfo.avatar || DEFAULT_AVATAR"
+        size="small"
+      ></el-avatar>
+      <span class="user-name">{{userInfo.name}}</span>
+    </div>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item>
+          <i class="el-icon-message"></i>
+          {{userInfo.email}}
+        </el-dropdown-item>
+        <el-dropdown-item>
+          <span><a
+              class="link"
+              href="//pandora.yidian-inc.com/"
+            >返回pandora工具平台</a></span>
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import { HEADER_CONFIG } from '@/config/pageconfig';
+
+export default {
+  computed: mapState({
+    userInfo: state => (state.userInfo || {}),
+  }),
+
+  data () {
+    return {
+      DEFAULT_AVATAR: HEADER_CONFIG.miscellaneous.defaultAvatar,
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.user-info {
+  display: flex;
+  align-items: center;
+}
+
+.user-name {
+  margin-left: 12px;
+  color: #fff;
+}
+</style>

src/pages/Withdrawal/components/PageHeader/config.js

+const headerConfig = [
+  {
+    name: "提现审核",
+    path: "/op/withdrawal/audit"
+  }
+
+];
+
+export default headerConfig;
\ No newline at end of file

src/pages/Withdrawal/components/PageHeader/index.vue

+<template>
+  <div id="pageheader">
+    <div class="line"></div>
+    <el-menu
+      class="header-menu"
+      mode="horizontal"
+      :router="true"
+      background-color="#545c64"
+      text-color="#fff"
+      :default-active="activeMenu"
+      active-text-color="#ffd04b"
+      unique-opened
+    >
+      <el-menu-item
+        v-for="item in headerConfig"
+        :index="item.path"
+        :key="item.path"
+      >
+        {{ item.name }}
+      </el-menu-item>
+      <el-menu-item
+        key="usermenu"
+        class="user-menu"
+      >
+        <user></user>
+      </el-menu-item>
+    </el-menu>
+  </div>
+</template>
+
+<script>
+import headerConfig from "./config";
+import User from "./User.vue";
+
+export default {
+  name: "PageHeader",
+  components: {
+    User
+  },
+  data () {
+    return {
+      headerConfig
+    };
+  },
+  computed: {
+    activeMenu () {
+      return this.$route.path;
+    }
+  },
+  beforeMount () { },
+  methods: {}
+};
+</script>
+
+<style lang="less">
+</style>

src/pages/Withdrawal/layout/index.less

+.layout {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.main {
+	flex: 1;
+}

src/pages/Withdrawal/layout/index.vue

+<template>
+  <div class="layout">
+    <!-- 页面公共 header -->
+    <page-header class="page-header"></page-header>
+
+    <!-- 页面主体部分 -->
+    <div class="main">
+      <slot></slot>
+    </div>
+
+  </div>
+</template>
+<script>
+import PageHeader from '../components/PageHeader';
+
+export default {
+  components: { PageHeader },
+};
+</script>
+
+<style lang="less" src="./index.less"></style>

src/router/Withdrawal/index.js

@@ -9,11 +9,11 @@ const withdrawalRoutes = [
     name: "Audit",
     component: () => import(/* webpackChunkName: "Withdrawal" */ "@/pages/Withdrawal/Audit"),
   },
-  {
-    path: "/op/withdrawal/audittab",
-    name: "auditTab",
-    component: () => import(/* webpackChunkName: "Withdrawal" */ "@/pages/Withdrawal/auditTab"),
-  }
+  // {
+  //   path: "/op/withdrawal/audittab",
+  //   name: "auditTab",
+  //   component: () => import(/* webpackChunkName: "Withdrawal" */ "@/pages/Withdrawal/auditTab"),
+  // }
 ];
 
 export default withdrawalRoutes;
\ No newline at end of file

src/service/Withdrawal/withdrawal.js

-// import axios from "@/utils/request";
\ No newline at end of file
+import axios from "@/utils/request";
+// 获取提现审核列表
+export async function getApplyList () {
+    const res = await axios.get("/api/v1/get_withdrawal_apply_list");
+    return res;
+  }
\ No newline at end of file