2023-1-12

src/router/index.js

@@ -3338,9 +3338,9 @@ export const asyncRoutes = [{
 		children: [{
 				path: "ladderList",
 				name: "LadderList",
-				component: () => import("@/views/Shareholders/RewardList"),
+				component: () => import("@/views/AppBase/ladder/ladderList"),
 				meta: {
-					title: "股东列表",
+					title: "员工阶梯奖励",
 					// access: nodes.RewardList,
 				},
 			},

src/views/AppBase/ladder/ladderList.vue

@@ -0,0 +1,128 @@
+<template>
+	<ContainerQuery>
+		<div slot="more">
+			<el-form inline size="small">
+				<el-form-item>
+					<el-input v-model="searchKey" style="width: 220px" placeholder="股东名称/股东ID" clearable
+						@keyup.enter.native="pageChange(1)" @clear="pageChange(1)">
+						<el-button slot="append" @click="pageChange(1)">
+							<i class="el-icon-search"></i>
+						</el-button>
+					</el-input>
+				</el-form-item>
+				<el-form-item label="股份类型">
+					<el-select v-model="searchType" placeholder="股份类型" style="width: 150px" clearable
+						@change="pageChange(1)">
+						<el-option label="全部" value=""></el-option>
+						<el-option label="原始股份" :value="1"></el-option>
+						<el-option label="分红股份" :value="2"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="查询月份">
+					<el-date-picker v-model="time" clearable type="month" end-placeholder="选择月份" @change="pageChange(1)">
+					</el-date-picker>
+				</el-form-item>
+			</el-form>
+		</div>
+		<!--    表格-->
+		<div class="table">
+			<el-table :data="tableData" style="width: 100%" type="index">
+				<el-table-column prop="goods" label="股东" width="180">
+					<template slot-scope="scope">
+						{{ scope.row.name }}<br />
+						ID:{{ scope.row.hol_id}}
+					</template>
+				</el-table-column>
+				<el-table-column prop="originNo" label="股份类型" width="180">
+					<template slot-scope="scope">
+						<span :class="{'success-status': scope.row.type === 1,'danger-status': scope.row.type === 2}">
+							{{ scope.row.type === 1 ? "原始股份" : "分红股份" }}
+						</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="shares" label="我的分红">
+					<template slot-scope="scope">
+						持有股份：{{scope.row.shares}}<br/>
+						分红奖金：{{scope.row.number}}<br/>
+					</template>
+				</el-table-column>
+				<el-table-column prop="number" label="股份奖池">
+					<template slot-scope="scope">
+						分红总金额：{{scope.row.total}}<br/>
+						分红总股份：{{scope.row.total_shares}}<br/>
+					</template>
+				</el-table-column>
+				<el-table-column prop="before" label="金额变动">
+					<template slot-scope="scope">
+						分红前：{{scope.row.before}}<br/>
+						分红后：{{scope.row.after}}<br/>
+					</template>
+				</el-table-column>
+				<el-table-column prop="createTime" label="分红时间">
+					<template slot-scope="scope">
+						{{ $_common.formatDate(scope.row.createTime,'yyyy-MM-dd') }}
+					</template>
+				</el-table-column>
+			</el-table>
+		</div>
+		<!--    分页查询-->
+		<FooterPage :page-size="pageSize" :total-page.sync="total" :current-page.sync="page" @pageChange="pageChange"
+			@sizeChange="sizeChange"></FooterPage>
+	</ContainerQuery>
+</template>
+<script>
+	import {
+		holdersBonusList
+	} from "@/api/Holders";
+
+	export default {
+		name: "ABonus",
+		data() {
+			return {
+				// 查询的时间
+				time:'',
+				state: "状态",
+				searchType: '',//1原始股份2分红股份
+				searchKey: '',
+				searchPm:'',//1增加2减少
+				total: 0,
+				page: 1,
+				pageSize: 10,
+				tableData: [],
+			};
+		},
+		created() {
+			this.holdersBonusList();
+		},
+		activated() {
+			if (this.$_isInit()) return;
+			this.holdersBonusList();
+		},
+		methods: {
+			async holdersBonusList() {
+				const {
+					data,
+					pageTotal
+				} = await holdersBonusList({
+					name: this.searchKey,
+					start_time: this.$_common.formatDate(new Date( this.time).getTime(),"yyyy-MM-dd") ,
+					type: this.searchType,
+					page: this.page,
+					pageSize: this.pageSize,
+				});
+				this.tableData = data;
+				this.total = pageTotal;
+			},
+			pageChange(page) {
+				this.page = page;
+				this.holdersBonusList();
+			},
+			// 每页数据大小改变
+			sizeChange(val) {
+				this.pageSize = val;
+				this.pageChange(1);
+			},
+		},
+	};
+</script>
+<style></style>

src/views/Application/Application.vue

@@ -52,7 +52,7 @@
 								label: "员工阶梯奖励",
 								// access: nodes.RewardList,
 								description: "用于员工阶梯奖励设置",
-								path: "/Shareholders/RewardList",
+								path: "/ladder/ladderList",
 							},
 							{
 								icon: "icon-jine1",