From d82eef16e15291f04bddf3da41da6dae777c981d Mon Sep 17 00:00:00 2001
From: zsk <710162063@qq.com>
Date: Mon, 11 Mar 2024 18:32:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/router/index.js | 2 +-
src/views/homePage/message.vue | 43 ++++-----
src/views/homePage/personData.vue | 189 +++++++++++++++++++++++++++++++-------
3 files changed, 176 insertions(+), 58 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 6211250..47b7de5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -43,7 +43,7 @@ const router = createRouter({
path: "/merchantManagement/personData",
name: "personData",
meta: {
- title: '个人数据',
+ title: '个人数据（股）',
},
component: () => import("../views/homePage/personData.vue")
},
diff --git a/src/views/homePage/message.vue b/src/views/homePage/message.vue
index 7bff201..232d9a5 100644
--- a/src/views/homePage/message.vue
+++ b/src/views/homePage/message.vue
@@ -4,11 +4,12 @@
-
新增用户
+
+
新增内容
-
编辑
-
删除
+
预览
+
+
编辑
@@ -113,6 +115,38 @@
确定
-->
+
+
+
+ 确定
+
+
@@ -129,16 +163,19 @@
-
-
+
+
-
-
+
+
+
+
+
-
+
@@ -167,6 +204,99 @@ const showAdd = ref(0);
onMounted(() => {
getTable();
});
+
+const tableDetail = ref({
+ page: 1,
+ size: 50,
+ count: 0,
+ list: [],
+ speed: -1,
+ isShow: false,
+ keys: "",
+ columns: [],
+ pagination: {},
+});
+
+
+const handleViewDetail = (item) => {
+ // 打开明细弹窗
+ tableDetail.value = {
+ page: 1,
+ size: 50,
+ count: 0,
+ list: [{
+ rank:1,
+ userName:"老股转让",
+ storeJobName:'轻舟',
+ time:'12,234'
+ },{
+ rank:2,
+ userName:"老股转让",
+ storeJobName:'轻舟',
+ time:'12,234'
+ },{
+ rank:3,
+ userName:"老股转让",
+ storeJobName:'轻舟',
+ time:'12,234'
+ },{
+ rank:4,
+ userName:"老股转让",
+ storeJobName:'轻舟',
+ time:'12,234'
+ }],
+ speed: -1,
+ isShow: true,
+ keys: "",
+ columns: [],
+ pagination: {},
+ };
+
+ // itemData.value = {
+ // userId: item.id,
+ // agencyTeamId: item.agencyTeamId,
+ // };
+ getModalDetail();
+};
+
+const getModalDetail = () => {
+
+ tableDetail.value.columns = [
+ {
+ title: "序号",
+ key: "rank",
+ dataIndex: "rank",
+ width: "50px",
+ ellipsis: true,
+ },
+ {
+ title: "取得方式",
+ key: "userName",
+ dataIndex: "userName",
+ ellipsis: true,
+ minWidth: "100px",
+ },
+ {
+ title: "持股主体",
+ key: "storeJobName",
+ dataIndex: "storeJobName",
+ width: "240px",
+ ellipsis: true,
+ },
+ {
+ title: "持股数量",
+ key: "time",
+ dataIndex: "time",
+ width: "200px",
+ ellipsis: true,
+ },
+ ];
+};
+
+
+
+
+
/**
* 搜索事件
*/
@@ -234,7 +364,7 @@ const handleToForm = ($type, $data) => {
console.log($data.id);
modalInfo.value = {
isShow:true,
- title:'修改用户',
+ title:'修改个人数据',
form:{
name:$data.name,
username:$data.username,
@@ -295,8 +425,11 @@ const getTable = () => {
tableData.value.loading = true;
getUserListApi({ limit: tableData.value.limit, page: tableData.value.page, keyword: tableData.value.keyword }).then((res) => {
console.log(res);
- tableData.value = { ...res.data, keyword: tableData.value.keyword, page: res.data.current, limit: res.data.size };
+ tableData.value = { ...res.data, keyword: tableData.value.keyword, page: res.data.current, limit: res.data.size,shares:'123' };
tableData.value.records.forEach((item, index) => {
+ item.shares = "12,345"
+ item.sharesScale = "3.1345%"
+ item.sharesValue = "23,1345.00"
item.rank = index + 1;
});
});
@@ -327,35 +460,29 @@ const columns = ref([
title: "姓名",
key: "name",
dataIndex: "name",
- width: "110px",
},
{
- title: "电话",
- key: "username",
- dataIndex: "username",
+ title: "持股数",
+ key: "shares",
+ dataIndex: "shares",
ellipsis: true,
- width: "140px",
+ width: "240px",
},
{
- title: "身份证号",
- key: "idcard",
- dataIndex: "idcard",
- width: "200px",
- ellipsis: true,
- },
- {
- title: "备注",
- key: "description",
- dataIndex: "description",
+ title: "持股比例",
+ key: "sharesScale",
+ dataIndex: "sharesScale",
+ width: "240px",
ellipsis: true,
},
+
{
- title: "状态",
- key: "status",
- dataIndex: "status",
+ title: "持股价值（元）",
+ key: "sharesValue",
+ dataIndex: "sharesValue",
ellipsis: true,
- width: "75px",
+ width: "240px",
},
{
title: "操作",