feat: 生成邀请码前端交互

src/views/user/userListQy.vue

@@ -76,7 +76,12 @@
 							</span>
 						</template>
 					</el-table-column>
-					<el-table-column prop="invitationCode" label="邀请码"></el-table-column>
+					<el-table-column prop="invitationCode" label="邀请码">
+						<template slot-scope="scope">
+							<span style="color: #4f9dec;cursor: pointer;"
+								@click="onChangeShow(scope.row.inviterCode)">{{ scope.row.inviterCode }}</span>
+						</template>
+					</el-table-column>
 					<el-table-column label="邀请人邀请码">
 						<template slot-scope="scope">
 							<span style="color: #4f9dec;cursor: pointer;"
@@ -529,6 +534,15 @@
     		<el-button type="primary" @click="updateVip()">确 定</el-button>
     	</div>
     </el-dialog>
+
+	<el-dialog title="邀请人员" :visible.sync="isShow">
+		<el-button type="text" @click="downloadTemplate">生成邀请码</el-button>
+		<el-table :data="dataSource">
+			<el-table-column property="date" label="日期" width="150"></el-table-column>
+			<el-table-column property="name" label="姓名" width="200"></el-table-column>
+			<el-table-column property="address" label="地址"></el-table-column>
+		</el-table>
+	</el-dialog>
 	</div>
 </template>
 
@@ -623,9 +637,31 @@
 				vipNameType: 0,
 				// inviterCodeT: '',
 				// invitationCodeT: '',
+
+				isShow: false,
+				dataSource: [{
+					date: '2026-1-15 22:02:07',
+					name: '用户',
+					address: '中国'
+				}] 
 			}
 		},
 		methods: {
+			// 显示拉人头
+			onChangeShow(code) {
+				console.log('code :>> ', code);
+				this.isShow = true
+			},
+			// 下载海报
+			downloadTemplate() {
+				const url = `<图片url>?t=${new Date().getTime()}`;
+				let a = document.createElement('a');
+				a.href = url;
+				a.download = '邀请码.png';
+				a.click();
+				a.remove();
+			},
+
 			//处理默认选中当前日期
 			getNowTime() {
 				var now = new Date()