2023-12-30

src/pages/user/shareholder/bonus.vue

@@ -2,7 +2,7 @@
 	<!-- 用户-会员管理-等级列表 -->
 	<div>
 		<Card :bordered="false" dis-hover class="ivu-mt">
-			<Tabs value="type1">
+			<Tabs v-model="type">
 				<TabPane label="每月发放记录" name="type1">
 					<!-- 每月发放记录表格 -->
 					<Table :columns="columns1" :data="list" ref="table" :loading="loading" highlight-row
@@ -47,56 +47,54 @@
 					</div>
 				</TabPane>
 				<TabPane label="详细记录" name="type2">
-					<div class="new_card_pd">
-						<!-- 筛选条件 -->
-						<Form ref="levelFrom" :model="detailFrom" inline :label-width="labelWidth" :label-position="labelPosition"
-							@submit.native.prevent>
-							<FormItem label="发放时间" label-for="status1">
-								<Select v-model="detailFrom.shareholding_record_id" placeholder="请选择" clearable filterable style="width:250px;">
-									<Option v-for="item in list" :value="item.id">{{item.create_time+"("+item.id+")"}}</Option>
-								</Select>
-								<Button type="primary" @click="searchs">查询</Button>
-							</FormItem>
-						</Form>
-					</div>
-					
+					<Form ref="levelFrom" :model="detailFrom" inline :label-width="labelWidth" :label-position="labelPosition"
+						@submit.native.prevent>
+						<FormItem label="股东：" label-for="status1">
+							<Select v-model="detailFrom.uid" placeholder="请选择" clearable filterable style="width:250px;">
+								<Option v-for="item in user" :value="item.uid">{{item.real_name+"("+item.phone+")"}}</Option>
+							</Select>
+						</FormItem>
+						<FormItem label="时间" label-for="status1">
+							<Select v-model="detailFrom.shareholding_record_id" placeholder="请选择" clearable filterable style="width:250px;">
+								<Option v-for="item in list" :value="item.id">{{item.create_time+"("+item.id+")"}}</Option>
+							</Select>
+							<Button type="primary" @click="searchs">查询</Button>
+						</FormItem>
+					</Form>
 					
 					<!-- 分红详细记录表格 -->
 					<Table :columns="columns2" :data="detailList" ref="table" :loading="detailloading" highlight-row
 						no-userFrom-text="暂无数据" no-filtered-userFrom-text="暂无筛选结果">
-						<template slot-scope="{ row, index }" slot="initial_share">
-							<div>
-								数量：{{row.initial_share_count}}
-							</div>
-							<div>
-								占比：{{row.initial_ratio}}%
-							</div>
-							<div>
-								分润：{{row.grant_initial_price}}
-							</div>
-							<div>
-								单股：{{row.one_price}}
-							</div>
+						<template slot-scope="{ row, index }" slot="icons">
+							<viewer>
+								<div class="tabBox_img">
+									<img v-lazy="row.user.avatar">
+								</div>
+							</viewer>
 						</template>
-
-						<template slot-scope="{ row, index }" slot="bonus_share">
-							<div>
-								数量：{{row.bonus_share_count}}
-							</div>
+						<template slot-scope="{ row, index }" slot="name">
 							<div>
-								占比：{{row.bonus_ratio}}%
-							</div>
-							<div>
-								分润：{{row.grant_bonus_price}}
+								<div class="acea-row">
+									<Icon type="md-male" v-show="row.user.sex === '男'" color="#2db7f5" size="15" class="mr5" />
+									<Icon type="md-female" v-show="row.user.sex === '女'" color="#ed4014" size="15"
+										class="mr5" />
+									<div v-if="row.user.delete_time != null" style="color:#ed4014;">
+										{{row.user.real_name||row.user.nickname}} (已注销)</div>
+									<div v-else v-text="row.user.real_name||row.user.nickname"></div>
+								</div>
+								<div>{{row.user.phone}}</div>
 							</div>
+						</template>
+						<template slot-scope="{ row, index }" slot="type">
 							<div>
-								单股：{{row.two_price}}
+								<div v-if="row.type==1">
+									原始股
+								</div>
+								<div v-if="row.type==2">
+									分红股
+								</div>
 							</div>
 						</template>
-
-						<template slot-scope="{ row, index }" slot="action">
-							<a @click="changeholder(row)">详情</a>
-						</template>
 					</Table>
 					<div class="acea-row row-right page">
 						<Page :total="detailtotal" :current="detailFrom.page" show-elevator show-total
@@ -114,6 +112,9 @@
 		mapState,
 		mapMutations
 	} from 'vuex';
+	import {
+		userList
+	} from '@/api/user';
 	import {
 		monthShareholderList,
 		userShareholderList
@@ -125,7 +126,7 @@
 				'isMobile'
 			]),
 			labelWidth() {
-				return this.isMobile ? undefined : 80;
+				return this.isMobile ? undefined : 50;
 			},
 			labelPosition() {
 				return this.isMobile ? 'top' : 'right';
@@ -186,41 +187,35 @@
 						width: 80
 					},
 					{
-						title: '月份',
-						key: 'month',
+						title: '头像',
+						slot: 'icons',
 						minWidth: 50
 					},
 					{
-						title: '毛利润',
-						key: 'gross_profit',
-						minWidth: 100
-					},
-					{
-						title: '原始股',
-						slot: 'initial_share',
+						title: '名称',
+						slot: 'name',
 						minWidth: 150
 					},
 					{
-						title: '分红股',
-						slot: 'bonus_share',
-						minWidth: 150
+						title: '股权类型',
+						slot: 'type',
+						minWidth: 100
 					},
 					{
-						title: '发放时间',
-						key: 'create_time',
-						minWidth: 130
+						title: '股权数量',
+						key: 'share',
+						minWidth: 100
 					},
 					{
-						title: '发放总分润',
+						title: '发放金额',
 						key: 'price',
-						minWidth: 130
+						minWidth: 100
 					},
 					{
-						title: '操作',
-						slot: 'action',
-						fixed: 'right',
-						minWidth: 120
-					}
+						title: '备注',
+						key: 'content',
+						minWidth: 100
+					},
 				],
 				listFrom: {
 					page: 1,
@@ -236,6 +231,7 @@
 				},
 				list: [], //每月发放记录
 				total: 0,
+				type:'type1',
 				detailFrom: {
 					shareholding_record_id: '',
 					page: 1,
@@ -244,13 +240,33 @@
 				detailloading: false,
 				detailList: [], //单次发放记录
 				detailTotal: 0,
+				user:[],//股东列表
 			}
 		},
 		created() {
 			this.getList();
 			this.getDetailList();
+			this.userList();
 		},
 		methods: {
+			userList() {
+				userList({
+					is_shareholder: 1,
+					page: 1,
+					limit: 100,
+				}).then((res) => {
+					this.user = res.data.list
+				}).catch((res) => {
+					console.log(res);
+				})
+			},
+			/* 切换 */
+			changeholder(row){
+				this.type='type2'
+				this.detailFrom.shareholding_record_id = row.id;
+				this.detailFrom.page=1;
+				this.getDetailList();
+			},
 			// 发放列表
 			getList() {
 				this.loading = true;