mfx/tkNewAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导出删除数据

Browse Source
This commit is contained in:
没复习
2025-08-08 14:38:06 +08:00
parent 9af9f1f166
commit fd9cf29780
8 changed files with 288 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/Home/Index.vue
View File

@@ -71,7 +71,18 @@
</el-skeleton>
</el-card>
<!-- <el-card shadow="never" class="mt-8px">
<el-card shadow="never" class="mt-8px">
<div style="display: flex; width: 50%;"
v-if="wsCache.get('roleRouters').find(item => item.id === 1)?.children.find(item => item.id === 100)">
<el-select v-model="allocationUser" :placeholder="t('newHosts.placeAllocationUser')" clearable
@change="getUserAccessSource(allocationUser)">
<el-option v-for="(user, index) in allocationUserList" :key="index" :label="user.label"
:value="user.value" />
</el-select>
</div>
<el-skeleton :loading="loading" animated>
<el-row :gutter="20" justify="space-between">
<el-col :xl="10" :lg="10" :md="24" :sm="24" :xs="24">
@@ -81,16 +92,16 @@
</el-skeleton>
</el-card>
</el-col>
<el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24">
<!-- <el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24">
<el-card shadow="hover" class="mb-8px">
<el-skeleton :loading="loading" animated>
<Echart :options="barOptionsData" :height="280" />
</el-skeleton>
</el-card>
</el-col>
</el-col> -->
</el-row>
</el-skeleton>
</el-card> -->
</el-card>
</el-col>
<el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px">
<!-- 快捷入口 -->
@@ -155,10 +166,20 @@ import { useUserStore } from '@/store/modules/user'
import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
import { pieOptions, barOptions } from './echarts-data'
import { useRouter } from 'vue-router'
import { getComplete, getEmployeeComplete } from '@/api/system/user'
import { useCache } from '@/hooks/web/useCache'
import { getSimpleUserListPage, getSimpleUserList } from '@/api/system/user'
// import { useGlobalWebSocket } from '@/components/useGlobalWebSocket'
// let messageList = useGlobalWebSocket().messageList
// console.log(messageList.value)
const { wsCache } = useCache()
let allocationUser = ref('') //选中的分配用户
let allocationUserList = ref([
{
label: '分配用户1',
value: 1
}
]) //选中的分配用户
// function test() {
// console.log(messageList.value)
@@ -324,13 +345,16 @@ const getShortcut = async () => {
}
// 用户来源
const getUserAccessSource = async () => {
const getUserAccessSource = async (id) => {
const res = id ? await getEmployeeComplete(id) : await getComplete()
const completeData = res ?? { unfinishedNum: 0, finishedNum: 0 }
console.log('completeData', completeData)
const data = [
{ value: 335, name: 'analysis.directAccess' },
{ value: 310, name: 'analysis.mailMarketing' },
{ value: 234, name: 'analysis.allianceAdvertising' },
{ value: 135, name: 'analysis.videoAdvertising' },
{ value: 1548, name: 'analysis.searchEngines' }
{ value: completeData.unfinishedNum, name: 'analysis.noAlliance' },
{ value: completeData.finishedNum, name: 'analysis.alreadyJianlian' },
// { value: 234, name: 'analysis.allianceAdvertising' },
// { value: 135, name: 'analysis.videoAdvertising' },
// { value: 1548, name: 'analysis.searchEngines' }
]
set(
pieOptionsData,
@@ -377,7 +401,7 @@ const getAllApi = async () => {
getProject(),
getNotice(),
getShortcut(),
getUserAccessSource(),
getUserAccessSource(null),
getWeeklyUserActivity()
])
loading.value = false
@@ -391,5 +415,30 @@ const handleShortcutClick = (url: string) => {
router.push(url)
}
/** 查询员工 */
const getAllocationList = async () => {
loading.value = true
allocationUserList.value = []
try {
const data = await getSimpleUserList()
console.log('data', data)
data.forEach((item) => {
if (wsCache.get('user').user.id == item.id) {
} else {
allocationUserList.value.push({
label: item.nickname,
value: item.id
})
}
})
console.log(allocationUserList.value)
} finally {
loading.value = false
}
}
getAllApi()
getAllocationList()
</script>

58
src/views/server/employeehosts/index.vue
View File

@@ -43,13 +43,20 @@
<el-input v-model="queryParams.fllowernumMax" :placeholder="$t('employee.max')" clearable
@keyup.enter="handleQuery" class="!w-115px" />
</el-form-item>
<el-form-item :label="$t('employee.hostsCountry')" prop="country">
<el-select v-model="queryParams.country" :placeholder="$t('employee.placeHostsCountry')" clearable
class="!w-240px">
<el-form-item :label="t('newHosts.hostsCountry')" prop="region">
<el-select v-model="queryParams.region" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px" @change="changeCountry(queryParams.region)">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.COUNTRY_GROUP)" :key="dict.value"
:label="$t(dict.label)" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item :label="t('newHosts.hostsCountryinfo')" prop="country">
<el-select v-model="queryParams.country" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px">
<el-option v-for="dict in countryinfoList" :key="dict.id" :label="dict.countryName"
:value="dict.countryName" />
</el-select>
</el-form-item>
<el-form-item :label="$t('employee.hostsKind')" prop="hostsKind">
<el-input v-model="queryParams.hostsKind" :placeholder="$t('employee.placeHostsKind')" clearable
@keyup.enter="handleQuery" class="!w-240px" />
@@ -155,7 +162,7 @@
</el-table>
<!-- ✅ 移动端使用卡片列表 -->
<div v-else v-infinite-scroll="loadList">
<div v-else>
<div v-for="(item, index) in list" :key="index" class="mobile-card">
<div class="card-row" style="color:green;">
<b>{{ $t('employee.hostsId') }}：</b><span @click="openHtml(item, item.hostsId)"
@@ -174,14 +181,16 @@
<div class="card-row"><b>{{ $t('employee.operationStatus') }}：</b>
<dict-tag :type="DICT_TYPE.OPERATION_STATE" :value="item.operationStatus" />
</div>
<div class="card-row"><b>{{ $t('employee.createTime') }}：</b>{{ item.createTime }}</div>
<div class="card-row"><b>{{ $t('employee.updateTime') }}：</b>{{ item.updateTime }}</div>
<div class="card-row"><b>{{ $t('employee.createTime') }}：</b>{{ formatTimestamp(item.createTime) }}</div>
<div class="card-row"><b>{{ $t('employee.updateTime') }}：</b>{{ formatTimestamp(item.updateTime) }}</div>
<div class="card-row action-row">
<el-button link type="primary" @click="openForm('update', item.id, index)">{{ $t('employee.edit')
}}</el-button>
</div>
</div>
</div>
<MobilePagination v-if="isMobile" :page="queryParams.pageNo" :limit="queryParams.pageSize" :total="total"
@update:page="val => queryParams.pageNo = val" @load="loadList" @loadPre="loadpreviousList" />
<!-- ✅ PC 显示分页，移动端隐藏 -->
<Pagination v-if="!isMobile" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@@ -199,9 +208,10 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { EmployeeHostsApi, EmployeeHostsVO } from '@/api/server/employeehosts'
import EmployeeHostsForm from './EmployeeHostsForm.vue'
import { getAllocation } from '@/api/system/user'
import { getAllocation, getCountry } from '@/api/system/user'
import { useCache } from '@/hooks/web/useCache'
import { func } from 'vue-types'
import MobilePagination from '@/components/MobilePagination.vue'
const { wsCache } = useCache()
@@ -216,7 +226,7 @@ const list = ref<EmployeeHostsVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
pageSize: 20,
hostsId: undefined,
hostsLevel: undefined,
onlineFansMin: undefined,
@@ -230,6 +240,7 @@ const queryParams = reactive({
invitationType: undefined,
yesterdayCoins: undefined,
country: undefined,
region: undefined,
hostsKind: undefined,
isAssigned: undefined,
createTime: [],
@@ -247,6 +258,7 @@ let allocationUserList = ref([
]) //选中的分配用户
let selectHostList = ref([]) //选中的主播列表
let allocationUser = ref() //选中的分配用户
let countryinfoList = ref([])
/** 查询列表pc直接赋值 */
const getList = async () => {
loading.value = true
@@ -361,13 +373,20 @@ function openHtml(item, id) {
window.open(`https://www.tiktok.com/@${id}`)
}
const loadList = () => {
if (queryParams.pageNo < Math.ceil(total.value / queryParams.pageSize)) {
queryParams.pageNo++
getListPhone()
getList()
}
}
const loadpreviousList = () => {
if (queryParams.pageNo > 1) {
queryParams.pageNo--
getList()
}
}
function formSuccess(data, index) {
if (isMobile.value) {
console.log(data, index)
@@ -378,6 +397,19 @@ function formSuccess(data, index) {
}
function formatTimestamp(milliseconds) {
const date = new Date(milliseconds); // 直接使用毫秒级时间戳
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
//分配按钮操作
const handleSelectionChange = (val) => {
selectHostList.value = val
@@ -475,7 +507,13 @@ onMounted(() => {
})
function changeCountry(region) {
console.log(region)
getCountry(region).then((res) => {
countryinfoList.value = res
})
}
// /** 初始化 **/
// onMounted(() => {
// getList()

41
src/views/server/manageemployeehosts/index.vue
View File

@@ -43,13 +43,20 @@
<el-input v-model="queryParams.fllowernumMax" :placeholder="$t('employee.max')" clearable
@keyup.enter="handleQuery" class="!w-115px" />
</el-form-item>
<el-form-item :label="$t('employee.hostsCountry')" prop="country">
<el-select v-model="queryParams.country" :placeholder="$t('employee.placeHostsCountry')" clearable
class="!w-240px">
<el-form-item :label="t('newHosts.hostsCountry')" prop="region">
<el-select v-model="queryParams.region" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px" @change="changeCountry(queryParams.region)">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.COUNTRY_GROUP)" :key="dict.value"
:label="$t(dict.label)" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item :label="t('newHosts.hostsCountryinfo')" prop="country">
<el-select v-model="queryParams.country" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px">
<el-option v-for="dict in countryinfoList" :key="dict.id" :label="dict.countryName"
:value="dict.countryName" />
</el-select>
</el-form-item>
<el-form-item :label="$t('employee.hostsKind')" prop="hostsKind">
<el-input v-model="queryParams.hostsKind" :placeholder="$t('employee.placeHostsKind')" clearable
@keyup.enter="handleQuery" class="!w-240px" />
@@ -154,7 +161,7 @@
</el-table>
<!-- ✅ 移动端使用卡片列表 -->
<div v-else v-infinite-scroll="loadList">
<div v-else>
<div v-for="(item, index) in list" :key="index" class="mobile-card">
<div class="card-row" style="color:green;">
<b>{{ $t('employee.hostsId') }}：</b><span @click="openHtml(item, item.hostsId)"
@@ -182,6 +189,9 @@
</div>
</div>
</div>
<MobilePagination v-if="isMobile" :page="queryParams.pageNo" :limit="queryParams.pageSize" :total="total"
@update:page="val => queryParams.pageNo = val" @load="loadList" @loadPre="loadpreviousList" />
<!-- ✅ PC 显示分页，移动端隐藏 -->
<Pagination v-if="!isMobile" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@@ -214,8 +224,9 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { EmployeeHostsApi, EmployeeHostsVO } from '@/api/server/employeehosts'
import EmployeeHostsForm from './EmployeeHostsForm.vue'
import { getAllocation, getSimpleUserList } from '@/api/system/user'
import { getAllocation, getSimpleUserList, getCountry } from '@/api/system/user'
import { useCache } from '@/hooks/web/useCache'
import MobilePagination from '@/components/MobilePagination.vue'
const { wsCache } = useCache()
@@ -230,7 +241,7 @@ const list = ref<EmployeeHostsVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
pageSize: 20,
hostsId: undefined,
hostsLevel: undefined,
onlineFansMin: undefined,
@@ -244,6 +255,7 @@ const queryParams = reactive({
invitationType: undefined,
yesterdayCoins: undefined,
country: undefined,
region: undefined,
hostsKind: undefined,
isAssigned: undefined,
createTime: [],
@@ -262,6 +274,8 @@ let allocationUserList = ref([
]) //选中的分配用户
let selectHostList = ref([]) //选中的主播列表
let allocationUser = ref() //选中的分配用户
let countryinfoList = ref([])
/** 查询列表pc直接赋值 */
const getList = async () => {
loading.value = true
@@ -380,7 +394,14 @@ function openHtml(item, id) {
const loadList = () => {
if (queryParams.pageNo < Math.ceil(total.value / queryParams.pageSize)) {
queryParams.pageNo++
getListPhone()
getList()
}
}
const loadpreviousList = () => {
if (queryParams.pageNo > 1) {
queryParams.pageNo--
getList()
}
}
function formSuccess(data, index) {
@@ -480,7 +501,13 @@ onMounted(() => {
})
function changeCountry(region) {
console.log(region)
getCountry(region).then((res) => {
countryinfoList.value = res
})
}
// /** 初始化 **/
// onMounted(() => {
// getList()

65
src/views/server/newhosts/index.vue
View File

@@ -75,13 +75,20 @@
/>
</el-form-item> -->
<el-form-item :label="t('newHosts.hostsCountry')" prop="country">
<el-select v-model="queryParams.country" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px">
<el-form-item :label="t('newHosts.hostsCountry')" prop="region">
<el-select v-model="queryParams.region" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px" @change="changeCountry(queryParams.region)">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.COUNTRY_GROUP)" :key="dict.value"
:label="$t(dict.label)" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item :label="t('newHosts.hostsCountryinfo')" prop="country">
<el-select v-model="queryParams.country" :placeholder="t('newHosts.placeHostsCountry')" clearable
class="!w-240px">
<el-option v-for="dict in countryinfoList" :key="dict.id" :label="dict.countryName"
:value="dict.countryName" />
</el-select>
</el-form-item>
<el-form-item :label="t('newHosts.hostsKind')" prop="hostsKind">
<el-input v-model="queryParams.hostsKind" :placeholder="t('newHosts.placeHostsKind')" clearable
@keyup.enter="handleQuery" class="!w-240px" />
@@ -230,10 +237,11 @@ import { getIntDictOptions, DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { NewHostsApi, NewHostsVO } from '@/api/server/newhosts'
import { getAllocation, getSimpleUserList, getSimpleUserListPage } from '@/api/system/user'
import { getAllocation, getSimpleUserList, getSimpleUserListPage, getCountry } from '@/api/system/user'
import NewHostsForm from './NewHostsForm.vue'
import { useCache } from '@/hooks/web/useCache'
import * as DeptApi from '@/api/system/dept'
import { ElMessageBox } from 'element-plus'
import { func } from 'vue-types'
const { wsCache } = useCache()
@@ -262,11 +270,13 @@ const queryParams = reactive({
fllowernumMax: undefined,
invitationType: undefined,
yesterdayCoins: undefined,
region: undefined,
country: undefined,
hostsKind: undefined,
isAssigned: undefined,
createTime: new Date().toISOString().split('T')[0] + ' 00:00:00',
userId: undefined,
deleteFlag: false //导出 是否删除
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
@@ -286,7 +296,7 @@ let allocationdeptList = ref([
id: 1
}
]) //选中的分配部门
let countryinfoList = ref([])
/** 查询列表 */
const getList = async () => {
loading.value = true
@@ -407,13 +417,40 @@ const handleDeleteBatch = async () => {
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 先确认是否删除导出的数据
await ElMessageBox.confirm(
'导出后是否删除导出的数据？',
'删除确认',
{
distinguishCancelAndClose: true,
confirmButtonText: '删除并导出',
cancelButtonText: '仅导出',
type: 'warning',
}
).then(async () => {
queryParams.deleteFlag = true
exportLoading.value = true
const data = await NewHostsApi.exportNewHosts(queryParams)
download.excel(data, '主播数据管理.xls')
}).catch(async (err) => {
if (err === 'cancel' || err?.action === 'cancel') {
exportLoading.value = true
const data = await NewHostsApi.exportNewHosts(queryParams)
download.excel(data, '主播数据管理.xls')
}
});
// 原本的导出二次确认
// await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await NewHostsApi.exportNewHosts(queryParams)
download.excel(data, '主播数据管理.xls')
// 这里可以根据需求执行删除逻辑
// await NewHostsApi.deleteExportedData()
} catch {
// 用户取消任意一个确认都会走这里
} finally {
exportLoading.value = false
}
@@ -468,6 +505,14 @@ function handleCopy(text) {
}
}
function changeCountry(region) {
console.log(region)
getCountry(region).then((res) => {
countryinfoList.value = res
})
}
/** 初始化 **/
onMounted(() => {
getList()