增加京东联盟页面

src/api/jd.ts

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import type { ListRes } from './base';
- 
+
 export interface FormRes {
     msg: string;
     code: number;
@@ -20,7 +20,7 @@ export function JdUpdateAccount(data: JdUpdateAccountModel) {
 export interface UpdateCookieModel {
     cookie: string;
 }
-  
+
 export function updateCookies(data: UpdateCookieModel) {
     return axios.post<FormRes>('/api/JdUnion/updateCookies', data);
 }
@@ -28,31 +28,41 @@ export function updateCookies(data: UpdateCookieModel) {
 // list
 export interface JdPoolRecord {
     id: number;
+    pin: string;
     name: string;
     company: string;
     phone: string;
-    cookies: string;
     create_time: Date;
+
     daily_income_limit: number;
     current_amt: number;
+
+    daily_calls_limit: number;
+    current_hourly_calls: number;
+
+    hourly_calls_limit: number;
+    current_daily_calls: number;
+
+    draw_balance: number;
+
     description: string;
     floorId: string;
     last_time: Date;
-    nodeName: string;
+    login_time: Date;
     refpid: string;
     status: boolean;
-    tb_token: string;
-    api: string;
+    work_mode: boolean;
     end_point: string;
-    api_id: number;
-    enable_fake_click: boolean;
+    nodeName: string;
     enable_parse: boolean;
     enable_coupon: boolean;
     enable_sync_order: boolean;
-    enable_promotionQuery: boolean;
-    appkey: string;
-    appSecret: string;
-    open_pid: string;
+    site_id: number;
+    unionid: string;
+    app_key: string;
+    app_secret: string;
+    user_agent: string;
+    cookies: string;
 }
 
 export interface JdPoolParams extends Partial<JdPoolRecord> {
@@ -65,9 +75,8 @@ export interface JdPoolParams extends Partial<JdPoolRecord> {
 
 export interface JdPoolRes extends ListRes {
     list: JdPoolRecord[];
-} 
+}
 
 export function queryJdPool(data: JdPoolParams) {
     return axios.post<JdPoolRes>('/api/JdUnion/list', data);
 }
-  

src/api/taobao.ts

@@ -45,6 +45,7 @@ export interface TkPoolRecord {
     description: string;
     floorId: string;
     last_time: Date;
+    login_time: Date;
     nodeName: string;
     refpid: string;
     status: boolean;

src/locale/en-US/taoke.ts

@@ -1,71 +1,72 @@
 export default {
-  'menu.settings': 'Settings',
-  'menu.settings.config': 'System Config',
-  'menu.jd': 'JD Union',
-  'menu.jd.updateCookies': 'Update JD Cookies',
+    'menu.settings': 'Settings',
+    'menu.settings.config': 'System Config',
+    'menu.jd': 'JD Union',
+    'menu.jd.updateCookies': 'Update JD Cookies',
+    'menu.jd.list': 'Union Account',
 
-  'menu.taobao': 'Taobao Union',
-  'menu.taobaoCoupon': 'Taobao Coupon',
-  'menu.taobao.updateCookies': 'Update Cookies',
-  'menu.taobao.list': 'Union Account',
+    'menu.taobao': 'Taobao Union',
+    'menu.taobaoCoupon': 'Taobao Coupon',
+    'menu.taobao.updateCookies': 'Update Cookies',
+    'menu.taobao.list': 'Union Account',
 
-  'taobao.cookies.label': 'Cookies',
-  'taobao.cookies.placeholder': 'Paste the entire cookie',
+    'taobao.cookies.label': 'Cookies',
+    'taobao.cookies.placeholder': 'Paste the entire cookie',
 
-  'form.saveSuccess': 'Save Success',
-  'form.save': 'Save',
-  'form.cancel': 'Cancel',
-  'form.reset': 'Reset',
-  'form.button.check': 'View',
+    'form.saveSuccess': 'Save Success',
+    'form.save': 'Save',
+    'form.cancel': 'Cancel',
+    'form.reset': 'Reset',
+    'form.button.check': 'View',
 
-  'menu.taobao.income_report': 'Income Report',
-  'menu.taobao.report_daily': 'Daily Report',
-  'menu.taobao.bill_dailys': 'Expected revenue',
-  'menu.taobao.orders': 'Orders',
+    'menu.taobao.income_report': 'Income Report',
+    'menu.taobao.report_daily': 'Daily Report',
+    'menu.taobao.bill_dailys': 'Expected revenue',
+    'menu.taobao.orders': 'Orders',
 
-  'menu.list.searchTable': 'Search Table',
-  'searchTable.form.number': 'Set Number',
-  'searchTable.form.number.placeholder': 'Please enter Set Number',
-  'searchTable.form.name': 'Set Name',
-  'searchTable.form.name.placeholder': 'Please enter Set Name',
-  'searchTable.form.contentType': 'Content Type',
-  'searchTable.form.contentType.img': 'image-text',
-  'searchTable.form.contentType.horizontalVideo': 'Horizontal short video',
-  'searchTable.form.contentType.verticalVideo': 'Vertical short video',
-  'searchTable.form.filterType': 'Filter Type',
-  'searchTable.form.filterType.artificial': 'artificial',
-  'searchTable.form.filterType.rules': 'Rules',
-  'searchTable.form.lastTime': 'Last Time',
-  'searchTable.form.order_date': 'Order Date',
-  'searchTable.form.query_date': 'Report Date',
-  'searchTable.form.status': 'Status',
-  'searchTable.form.status.online': 'Online',
-  'searchTable.form.status.offline': 'Offline',
-  'searchTable.form.search': 'Search',
-  'searchTable.form.reset': 'Reset',
-  'searchTable.form.selectDefault': 'All',
-  'searchTable.operation.create': 'Create',
-  'searchTable.operation.import': 'Import',
-  'searchTable.operation.download': 'Download',
-  // columns
-  'searchTable.columns.index': '#',
-  'searchTable.columns.number': 'Set Number',
-  'searchTable.columns.name': 'Set Name',
-  'searchTable.columns.contentType': 'Content Type',
-  'searchTable.columns.filterType': 'Filter Type',
-  'searchTable.columns.count': 'Count',
-  'searchTable.columns.lastTime': 'Last Time',
-  'searchTable.columns.status': 'Status',
-  'searchTable.columns.operations': 'Operations',
-  'searchTable.columns.operations.view': 'View',
+    'menu.list.searchTable': 'Search Table',
+    'searchTable.form.number': 'Set Number',
+    'searchTable.form.number.placeholder': 'Please enter Set Number',
+    'searchTable.form.name': 'Set Name',
+    'searchTable.form.name.placeholder': 'Please enter Set Name',
+    'searchTable.form.contentType': 'Content Type',
+    'searchTable.form.contentType.img': 'image-text',
+    'searchTable.form.contentType.horizontalVideo': 'Horizontal short video',
+    'searchTable.form.contentType.verticalVideo': 'Vertical short video',
+    'searchTable.form.filterType': 'Filter Type',
+    'searchTable.form.filterType.artificial': 'artificial',
+    'searchTable.form.filterType.rules': 'Rules',
+    'searchTable.form.lastTime': 'Last Time',
+    'searchTable.form.order_date': 'Order Date',
+    'searchTable.form.query_date': 'Report Date',
+    'searchTable.form.status': 'Status',
+    'searchTable.form.status.online': 'Online',
+    'searchTable.form.status.offline': 'Offline',
+    'searchTable.form.search': 'Search',
+    'searchTable.form.reset': 'Reset',
+    'searchTable.form.selectDefault': 'All',
+    'searchTable.operation.create': 'Create',
+    'searchTable.operation.import': 'Import',
+    'searchTable.operation.download': 'Download',
+    // columns
+    'searchTable.columns.index': '#',
+    'searchTable.columns.number': 'Set Number',
+    'searchTable.columns.name': 'Set Name',
+    'searchTable.columns.contentType': 'Content Type',
+    'searchTable.columns.filterType': 'Filter Type',
+    'searchTable.columns.count': 'Count',
+    'searchTable.columns.lastTime': 'Last Time',
+    'searchTable.columns.status': 'Status',
+    'searchTable.columns.operations': 'Operations',
+    'searchTable.columns.operations.view': 'View',
 
-  // size
-  'searchTable.size.mini': 'mini',
-  'searchTable.size.small': 'small',
-  'searchTable.size.medium': 'middle',
-  'searchTable.size.large': 'large',
-  // actions
-  'searchTable.actions.refresh': 'refresh',
-  'searchTable.actions.density': 'density',
-  'searchTable.actions.columnSetting': 'columnSetting',
+    // size
+    'searchTable.size.mini': 'mini',
+    'searchTable.size.small': 'small',
+    'searchTable.size.medium': 'middle',
+    'searchTable.size.large': 'large',
+    // actions
+    'searchTable.actions.refresh': 'refresh',
+    'searchTable.actions.density': 'density',
+    'searchTable.actions.columnSetting': 'columnSetting',
 };

src/locale/zh-CN/taoke.ts

@@ -3,6 +3,7 @@ export default {
   'menu.settings.config': '全局配置',
   'menu.jd': '京东联盟',
   'menu.jd.updateCookies': '更新 JD Cookies',
+  'menu.jd.list': '联盟账号管理',
 
 
   'menu.taobao': '口令',

src/router/routes/modules/jd.ts

@@ -17,11 +17,21 @@ const TBCOUPON: AppRouteRecordRaw = {
             name: 'jd_UpdateCookies',
             component: () => import('@/views/jd/updateCookies.vue'),
             meta: {
-                locale: 'menu.taobao.updateCookies',
+                locale: 'menu.jd.updateCookies',
                 requiresAuth: true,
                 roles: ['*'],
             },
-        }, 
+        },
+        {
+            path: 'list',
+            name: 'jd_list',
+            component: () => import('@/views/jd/list.vue'),
+            meta: {
+                locale: 'menu.jd.list',
+                requiresAuth: true,
+                roles: ['*'],
+            },
+        },
     ],
 };
 

src/views/jd/list.vue

@@ -0,0 +1,528 @@
+<template>
+    <div class="container">
+        <Breadcrumb :items="['menu.jd', 'menu.jd.list']" />
+        <a-card class="general-card" :title="$t('menu.jd.list')">
+            <a-row>
+                <a-col :flex="1">
+                    <a-form :model="formModel" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
+                        label-align="left">
+                        <a-row :gutter="16">
+                            <a-col :span="8">
+                                <a-form-item field="name" label="账号名">
+                                    <a-input v-model="formModel.name" placeholder="输入关键词搜索" />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="8">
+                                <a-form-item field="lastTime" :label="$t('searchTable.form.lastTime')">
+                                    <a-range-picker v-model="formModel.lastTime" style="width: 100%" />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="8">
+                                <a-form-item field="status" :label="$t('searchTable.form.status')">
+                                    <a-select v-model="formModel.status" :options="statusOptions" :placeholder="$t('searchTable.form.selectDefault')
+                                        " />
+                                </a-form-item>
+                            </a-col>
+                        </a-row>
+                    </a-form>
+                </a-col>
+                <a-divider style="height: 38px" direction="vertical" />
+                <a-col :flex="'86px'" style="text-align: right">
+                    <a-space direction="vertical" :size="18">
+                        <a-button type="primary" @click="search">
+                            <template #icon>
+                                <icon-search />
+                            </template>
+                            {{ $t('searchTable.form.search') }}
+                        </a-button>
+                    </a-space>
+                </a-col>
+            </a-row>
+            <a-divider style="margin-top: 0" />
+            <a-row style="margin-bottom: 16px">
+                <a-col :span="12">
+                    <a-space>
+                        <a-button type="primary">
+                            <template #icon>
+                                <icon-plus />
+                            </template>
+                            {{ $t('searchTable.operation.create') }}
+                        </a-button>
+                    </a-space>
+                </a-col>
+                <a-col :span="12" style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: end;
+                    ">
+                    <a-tooltip :content="$t('searchTable.actions.refresh')">
+                        <div class="action-icon" @click="search"><icon-refresh size="18" /></div>
+                    </a-tooltip>
+                    <a-dropdown @select="handleSelectDensity">
+                        <a-tooltip :content="$t('searchTable.actions.density')">
+                            <div class="action-icon"><icon-line-height size="18" /></div>
+                        </a-tooltip>
+                        <template #content>
+                            <a-doption v-for="item in densityList" :key="item.value" :value="item.value"
+                                :class="{ active: item.value === size }">
+                                <span>{{ item.name }}</span>
+                            </a-doption>
+                        </template>
+                    </a-dropdown>
+                    <a-tooltip :content="$t('searchTable.actions.columnSetting')">
+                        <a-popover trigger="click" position="bl" @popup-visible-change="popupVisibleChange">
+                            <div class="action-icon"><icon-settings size="18" /></div>
+                            <template #content>
+                                <div id="tableSetting">
+                                    <div v-for="(item, index) in showColumns" :key="item.dataIndex" class="setting">
+                                        <div style="
+                                                margin-right: 4px;
+                                                cursor: move;
+                                            ">
+                                            <icon-drag-arrow />
+                                        </div>
+                                        <div>
+                                            <a-checkbox v-model="item.checked" @change="
+                                                handleChange(
+                                                    $event,
+                                                    item as TableColumnData,
+                                                    index
+                                                )
+                                                ">
+                                            </a-checkbox>
+                                        </div>
+                                        <div class="title">
+                                            {{
+                                                item.title === '#'
+                                                    ? '序列号'
+                                                    : item.title
+                                            }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </a-popover>
+                    </a-tooltip>
+                </a-col>
+            </a-row>
+
+            <a-table row-key="id" :loading="loading" :pagination="pagination" :summary="true" summary-text="汇总"
+                :columns="(cloneColumns as TableColumnData[])" :data="renderData" :bordered="false" :size="size"
+                @page-change="onPageChange">
+                <template #index="{ record }">
+                    {{ record.id }}
+                </template>
+                <template #name="{ record }">
+                    <a-list-item-meta :title="record.company" :description="record.description" />
+                </template>
+                <template #hourly_calls_limit="{ record }">
+                    <a-tag bordered
+                        :color="record.current_hourly_calls > record.hourly_calls_limit && record.hourly_calls_limit > 0 ? 'red' : ''">
+                        {{ record.current_hourly_calls }} /
+                        {{ record.hourly_calls_limit }}
+                    </a-tag>
+                </template>
+
+                <template #daily_calls_limit="{ record }">
+                    <a-tag bordered
+                        :color="record.current_daily_calls > record.daily_calls_limit && record.daily_calls_limit > 0 ? 'red' : ''">
+                        {{ record.current_daily_calls }} /
+                        {{ record.daily_calls_limit }}
+                    </a-tag>
+                </template>
+                <template #nodeName="{ record }">
+                    <a-tag color="gray">{{ record.end_point }} - {{ record.nodeName }} </a-tag>
+                </template>
+
+                <template #status="{ record }">
+                    <a-tag v-if="record.status" bordered color="green" @click="changeStatus(record.id, false)">
+                        <template #icon>
+                            <icon-check />
+                        </template>
+                        在线
+                    </a-tag>
+                    <a-tag v-else bordered color="" @click="changeStatus(record.id, true)">
+                        <template #icon>
+                            <icon-stop />
+                        </template>
+                        下线
+                    </a-tag>
+                </template>
+                <template #actions="{ record }">
+                    <a-tag v-if="record.enable_parse" size="small" bordered color="red"
+                        @click="changeAttr(record.id, 'enable_parse', false)">
+                        转链
+                    </a-tag>
+                    <a-tag v-else size="small" bordered color="" @click="changeAttr(record.id, 'enable_parse', true)">
+                        转链
+                    </a-tag>
+                    <span style="margin: 5px;">
+                        <a-tag v-if="record.enable_coupon" size="small" bordered color="orange"
+                            @click="changeAttr(record.id, 'enable_coupon', false)">
+                            优惠券
+                        </a-tag>
+                        <a-tag v-else size="small" bordered color=""
+                            @click="changeAttr(record.id, 'enable_coupon', true)">
+                            优惠券
+                        </a-tag>
+                    </span>
+                </template>
+                <template #time="{ record }">
+                    <div style="color:gray;">
+                        <div>注册：{{ dayjs(record.create_time).format('MM-DD HH:mm') }}</div>
+                        <div>更新：{{ dayjs(record.last_time).format('MM-DD HH:mm') }}</div>
+                        <div v-if="dayjs().diff(dayjs(record.login_time), 'hours') < 48">
+                            登录：{{ dayjs(record.login_time).format('MM-DD HH:mm') }}</div>
+                    </div>
+                </template>
+                <template #summary-cell="{ column, record }">
+                    <div style="margin:10px auto" v-if="column.slotName == 'hourly_calls_limit'">
+                        {{ numberFormat(record.current_hourly_calls) }}
+                    </div>
+                    <div style="margin:10px auto" v-if="column.slotName == 'daily_calls_limit'">
+                        {{ numberFormat(record.current_daily_calls) }}
+                    </div>
+
+
+                </template>
+
+            </a-table>
+        </a-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router';
+import { computed, ref, reactive, watch, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import dayjs from 'dayjs';
+import useLoading from '@/hooks/loading';
+import { queryJdPool, JdPoolRecord, JdPoolParams, JdUpdateAccountModel, JdUpdateAccount } from '@/api/jd';
+import { Pagination } from '@/types/global';
+import { Message } from '@arco-design/web-vue';
+import type { SelectOptionData } from '@arco-design/web-vue/es/select/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import cloneDeep from 'lodash/cloneDeep';
+import Sortable from 'sortablejs';
+import { numberFormat, amountFormat } from '@/utils/util';
+
+type SizeProps = 'mini' | 'small' | 'medium' | 'large';
+type Column = TableColumnData & { checked?: true };
+
+const generateFormModel = () => {
+    return {
+        name: '',
+        lastTime: [],
+        status: '',
+        sort: 'status',
+        order: 'descending',
+    };
+};
+const router = useRouter();
+
+const { loading, setLoading } = useLoading(true);
+const { t } = useI18n();
+const renderData = ref<JdPoolRecord[]>([]);
+const formModel = ref(generateFormModel());
+const cloneColumns = ref<Column[]>([]);
+const showColumns = ref<Column[]>([]);
+
+const size = ref<SizeProps>('mini');
+
+const basePagination: Pagination = {
+    current: 1,
+    pageSize: 50,
+};
+const pagination = reactive({
+    ...basePagination,
+});
+const densityList = computed(() => [
+    {
+        name: t('searchTable.size.mini'),
+        value: 'mini',
+    },
+    {
+        name: t('searchTable.size.small'),
+        value: 'small',
+    },
+    {
+        name: t('searchTable.size.medium'),
+        value: 'medium',
+    },
+    {
+        name: t('searchTable.size.large'),
+        value: 'large',
+    },
+]);
+
+const columns = computed<TableColumnData[]>(() => [
+    {
+        title: '#',
+        dataIndex: 'index',
+        slotName: 'index',
+        width: 50,
+    },
+    {
+        title: '账号名',
+        dataIndex: 'name',
+        slotName: 'name',
+    },
+    {
+        title: '小时调用',
+        slotName: 'hourly_calls_limit',
+        dataIndex: 'current_hourly_calls',
+        width: 120,
+    },
+    {
+        title: '当日调用',
+        slotName: 'daily_calls_limit',
+        dataIndex: 'current_daily_calls',
+        width: 150,
+    }, 
+    {
+        title: '运行节点',
+        slotName: 'nodeName',
+        width: 120,
+    },
+    {
+        title: '状态',
+        slotName: 'status',
+        width: 100,
+    },
+    {
+        title: '分类',
+        slotName: 'actions',
+        width: 200,
+        align: 'center',
+    },
+    {
+        title: '时间',
+        slotName: 'time',
+        width: 170,
+    },
+]);
+
+const statusOptions = computed<SelectOptionData[]>(() => [
+    {
+        label: '全部',
+        value: '',
+    },
+    {
+        label: '在线',
+        value: 'online',
+    },
+    {
+        label: '下线',
+        value: 'offline',
+    },
+]);
+
+const fetchData = async (
+    params: JdPoolParams = {
+        current: 1,
+        pageSize: 50,
+        sort: 'status',
+        order: 'descending',
+        getTotal: true,
+    }
+) => {
+    setLoading(true);
+    try {
+        const { data } = await queryJdPool(params);
+        if (!data) return;
+        // const { data } = await queryJdPool(params);
+        renderData.value = data.list;
+        pagination.current = data.page;
+        pagination.total = data.count;
+    } catch (err) {
+        console.log(err);
+        // you can report use errorHandler or other
+    } finally {
+        setLoading(false);
+    }
+};
+
+const changeItem = async (data: JdPoolRecord) => {
+    router.push({ name: 'updateCookies' });
+};
+
+const billView = async (data: JdPoolRecord) => {
+    router.push({ name: 'taobao_bill_dailys', query: { name: data.company } });
+};
+
+
+const changeStatus = async (id: number, val: any) => {
+    const args = {
+        id,
+        name: 'status',
+        val
+    } as JdUpdateAccountModel;
+
+    setLoading(true);
+
+    try {
+        const { data } = await JdUpdateAccount(args);
+        console.log(data, data.msg);
+        const msg = data.msg || '更新成功!';
+        if (data.success) {
+            Message.success(msg);
+            fetchData();
+        } else {
+            Message.error(data.msg);
+        }
+
+    } catch (e) { console.log(e) }
+    setLoading(false);
+};
+
+
+const changeAttr = async (id: number, name: string, val: any) => {
+    const args = {
+        id,
+        name,
+        val
+    } as JdUpdateAccountModel;
+
+    setLoading(true);
+    try {
+
+        const { data } = await JdUpdateAccount(args);
+        console.log(data, data.msg);
+        const msg = data.msg || '更新成功!';
+        if (data.success) {
+            Message.success(msg);
+            fetchData();
+        } else {
+            Message.error(data.msg);
+        }
+    } catch (e) { console.log(e) }
+    setLoading(false);
+};
+
+
+
+
+const search = () => {
+    fetchData({
+        ...basePagination,
+        ...formModel.value,
+    } as unknown as JdPoolParams);
+};
+const onPageChange = (current: number) => {
+    fetchData({ ...basePagination, current });
+};
+
+fetchData();
+const reset = () => {
+    formModel.value = generateFormModel();
+};
+
+const handleSelectDensity = (
+    val: string | number | Record<string, any> | undefined,
+    e: Event
+) => {
+    size.value = val as SizeProps;
+};
+
+const handleChange = (
+    checked: boolean | (string | boolean | number)[],
+    column: Column,
+    index: number
+) => {
+    if (!checked) {
+        cloneColumns.value = showColumns.value.filter(
+            (item) => item.dataIndex !== column.dataIndex
+        );
+    } else {
+        cloneColumns.value.splice(index, 0, column);
+    }
+};
+
+const exchangeArray = <T extends Array<any>>(
+    array: T,
+    beforeIdx: number,
+    newIdx: number,
+    isDeep = false
+): T => {
+    const newArray = isDeep ? cloneDeep(array) : array;
+    if (beforeIdx > -1 && newIdx > -1) {
+        // 先替换后面的，然后拿到替换的结果替换前面的
+        newArray.splice(
+            beforeIdx,
+            1,
+            newArray.splice(newIdx, 1, newArray[beforeIdx]).pop()
+        );
+    }
+    return newArray;
+};
+
+const popupVisibleChange = (val: boolean) => {
+    if (val) {
+        nextTick(() => {
+            const el = document.getElementById(
+                'tableSetting'
+            ) as HTMLElement;
+            const sortable = new Sortable(el, {
+                onEnd(e: any) {
+                    const { oldIndex, newIndex } = e;
+                    exchangeArray(cloneColumns.value, oldIndex, newIndex);
+                    exchangeArray(showColumns.value, oldIndex, newIndex);
+                },
+            });
+        });
+    }
+};
+
+watch(
+    () => columns.value,
+    (val) => {
+        cloneColumns.value = cloneDeep(val);
+        cloneColumns.value.forEach((item, index) => {
+            item.checked = true;
+        });
+        showColumns.value = cloneDeep(cloneColumns.value);
+    },
+    { deep: true, immediate: true }
+);
+</script>
+
+<script lang="ts">
+export default {
+    name: 'SearchTable',
+};
+</script>
+
+<style scoped lang="less">
+.container {
+    padding: 0 20px 20px 20px;
+}
+
+:deep(.arco-table-th) {
+    &:last-child {
+        .arco-table-th-item-title {
+            margin-left: 16px;
+        }
+    }
+}
+
+.action-icon {
+    margin-left: 12px;
+    cursor: pointer;
+}
+
+.active {
+    color: #0960bd;
+    background-color: #e3f4fc;
+}
+
+.setting {
+    display: flex;
+    align-items: center;
+    width: 200px;
+
+    .title {
+        margin-left: 12px;
+        cursor: pointer;
+    }
+}
+</style>

src/views/jd/updateCookies.vue

@@ -51,7 +51,7 @@ const validate = async () => {
             const msg = data.msg || '更新成功!';
             if (data.success) {
                 Message.success(msg);
-                // router.push('./list');
+                router.push('./list');
             } else {
                 Message.error(data.msg);
             }