From 37fd47d376790f0a1f42619451fe7aad197e5d88 Mon Sep 17 00:00:00 2001
From: aeizzz <aeizzz@foxmail.com>
Date: Tue, 7 Mar 2023 10:35:54 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20Introducing=20new=20features.=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=BE=AE=E4=BF=A1=E7=94=A8=E6=88=B7=E6=8B=89?=
 =?UTF-8?q?=E9=BB=91=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mp/wx-account-fans.ts              | 16 +++++++
 src/views/mp/wx-account-fans/i18n/en.ts    |  1 +
 src/views/mp/wx-account-fans/i18n/zh-cn.ts |  1 +
 src/views/mp/wx-account-fans/index.vue     | 51 +++++++++++++++++++++-
 4 files changed, 67 insertions(+), 2 deletions(-)

diff --git a/src/api/mp/wx-account-fans.ts b/src/api/mp/wx-account-fans.ts
index 176f823d..a2fbf8ad 100644
--- a/src/api/mp/wx-account-fans.ts
+++ b/src/api/mp/wx-account-fans.ts
@@ -61,3 +61,19 @@ export function putObj(obj) {
 		data: obj,
 	});
 }
+
+export function black(obj, appid) {
+	return request({
+		url: '/admin/wx-account-fans/black/' + appid,
+		method: 'post',
+		data: obj,
+	});
+}
+
+export function unblack(obj, appid) {
+	return request({
+		url: '/admin/wx-account-fans/unblack/' + appid,
+		method: 'post',
+		data: obj,
+	});
+}
diff --git a/src/views/mp/wx-account-fans/i18n/en.ts b/src/views/mp/wx-account-fans/i18n/en.ts
index 76ca35c2..89a83242 100644
--- a/src/views/mp/wx-account-fans/i18n/en.ts
+++ b/src/views/mp/wx-account-fans/i18n/en.ts
@@ -11,6 +11,7 @@ export default {
 		language: 'language',
 		country: 'country',
 		province: 'province',
+		isBlack: 'isBlack',
 		city: 'city',
 		tagIds: 'tagIds',
 		headimgUrl: 'headimgUrl',
diff --git a/src/views/mp/wx-account-fans/i18n/zh-cn.ts b/src/views/mp/wx-account-fans/i18n/zh-cn.ts
index 57a2da5b..aff64f44 100644
--- a/src/views/mp/wx-account-fans/i18n/zh-cn.ts
+++ b/src/views/mp/wx-account-fans/i18n/zh-cn.ts
@@ -11,6 +11,7 @@ export default {
 		language: '语言',
 		country: '国家',
 		province: '省份',
+		isBlack: '是否在黑名单',
 		city: '城市',
 		tagIds: '分组',
 		headimgUrl: ' headimgUrl',
diff --git a/src/views/mp/wx-account-fans/index.vue b/src/views/mp/wx-account-fans/index.vue
index 9f11c57d..68c5e464 100644
--- a/src/views/mp/wx-account-fans/index.vue
+++ b/src/views/mp/wx-account-fans/index.vue
@@ -52,6 +52,11 @@
 				<el-table-column :label="t('fans.subscribeTime')" prop="subscribeTime" show-overflow-tooltip />
 				<el-table-column :label="t('fans.nickname')" prop="nickname" show-overflow-tooltip />
 				<el-table-column :label="t('fans.language')" prop="language" show-overflow-tooltip />
+				<el-table-column :label="t('fans.isBlack')" prop="isBlack" show-overflow-tooltip>
+					<template #default="scope">
+						<dict-tag :options="blackList" :value="scope.row.isBlack"></dict-tag>
+					</template>
+				</el-table-column>
 				<el-table-column :label="t('fans.tagIds')" prop="tagIds" show-overflow-tooltip width="200">
 					<template #default="scope">
 						<span v-for="(tag, index) in scope.row.tagList" :key="index">
@@ -61,12 +66,14 @@
 				</el-table-column>
 				<el-table-column :label="t('fans.remark')" prop="remark" show-overflow-tooltip />
 				<el-table-column :label="t('fans.wxAccountName')" prop="wxAccountName" show-overflow-tooltip />
-				<el-table-column :label="$t('common.action')" width="150">
+				<el-table-column :label="$t('common.action')" width="200">
 					<template #default="scope">
 						<el-button text type="primary" @click="formDialogRef.openDialog(scope.row, state.queryForm.wxAccountAppid)"
 							>{{ $t('common.editBtn') }}
 						</el-button>
 						<el-button text type="primary" @click="handleDelete([scope.row.id])">{{ $t('common.delBtn') }} </el-button>
+						<el-button text type="primary" @click="handelUnBlack([scope.row.id])" v-if="scope.row.isBlack"> 取消拉黑 </el-button>
+						<el-button text type="primary" @click="handelBlack([scope.row.id])" v-else> 拉黑 </el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -78,7 +85,7 @@
 
 <script lang="ts" name="systemWxAccountFans" setup>
 import { BasicTableProps, useTable } from '/@/hooks/table';
-import { delObjs, fetchList, sync } from '/@/api/mp/wx-account-fans';
+import { black, delObjs, fetchList, sync, unblack } from '/@/api/mp/wx-account-fans';
 import { fetchAccountList } from '/@/api/mp/wx-account';
 import { useMessage, useMessageBox } from '/@/hooks/message';
 import { useI18n } from 'vue-i18n';
@@ -91,6 +98,16 @@ const { subscribe } = useDict('subscribe');
 // 引入组件
 const { t } = useI18n();
 // 定义查询字典
+const blackList = ref([
+	{
+		label: '是',
+		value: '1',
+	},
+	{
+		label: '否',
+		value: '0',
+	},
+]);
 
 // 定义变量内容
 const formDialogRef = ref();
@@ -181,4 +198,34 @@ const handleDelete = (ids: string[]) => {
 				});
 		});
 };
+
+const handelBlack = (ids: string[]) => {
+	useMessageBox()
+		.confirm('是否要拉黑用户')
+		.then(() => {
+			black(ids, state.queryForm.wxAccountAppid)
+				.then(() => {
+					getDataList(false);
+					useMessage().success('拉黑用户成功');
+				})
+				.catch((err: any) => {
+					useMessage().error(err.msg);
+				});
+		});
+};
+
+const handelUnBlack = (ids: string[]) => {
+	useMessageBox()
+		.confirm('是否要取消拉黑用户')
+		.then(() => {
+			unblack(ids, state.queryForm.wxAccountAppid)
+				.then(() => {
+					getDataList(false);
+					useMessage().success('设置成功');
+				})
+				.catch((err: any) => {
+					useMessage().error(err.msg);
+				});
+		});
+};
 </script>