From 8fbcf39a251479fa7b9bdcc5390c7d5ddfe35d16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 17 Apr 2026 10:36:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                          |   4 +-
 src/components/common/Sidebar.vue         | 153 +++++----
 src/components/common/langs/en.js         |  53 ++++
 src/components/common/langs/zh.js         |  53 ++++
 src/components/page/countryManagement.vue | 362 ++++++++++++++++++++++
 src/components/page/expertDatabase.vue    |  70 ++++-
 src/router/index.js                       |  11 +-
 7 files changed, 614 insertions(+), 92 deletions(-)
 create mode 100644 src/components/page/countryManagement.vue

diff --git a/src/api/index.js b/src/api/index.js
index 525753d..487fb66 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -19,8 +19,8 @@ const service = axios.create({
 	// baseURL: 'https://submission.tmrjournals.com/', //正式 记得切换
 	// baseURL: 'http://www.tougao.com/', //测试本地 记得切换
 	// baseURL: 'http://192.168.110.110/tougao/public/index.php/',
-	// baseURL: '/api', //本地
-	baseURL: '/', //正式
+	baseURL: '/api', //本地
+	// baseURL: '/', //正式
 
 });
 
diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 3e4417e..0d93f07 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -64,8 +64,8 @@
                 </el-submenu>
             </template>
             <!-- 编委 -->
-            
-            <template v-if="this.user_cap.includes(',board')||this.user_cap.includes('board_editor')">
+
+            <template v-if="this.user_cap.includes(',board') || this.user_cap.includes('board_editor')">
                 <el-submenu index="7">
                     <template slot="title"> <i class="el-icon-notebook-1"></i> {{ $t('sidebar.edit_oria') }} </template>
                     <!-- <el-menu-item index="editorial">
@@ -74,7 +74,7 @@
                     <!-- <el-menu-item index="edithistory">
                         {{ $t('sidebar.edit_oria2') }}
                     </el-menu-item> -->
-                     <el-menu-item index="editPeerewer">
+                    <el-menu-item index="editPeerewer">
                         {{ $t('sidebar.edit_ewer1') }}
                     </el-menu-item>
                     <el-menu-item index="editPerhistory">
@@ -83,9 +83,10 @@
                 </el-submenu>
             </template>
             <!-- 主编 -->
-           
-            <template v-if="this.user_cap.includes('chief')||this.user_cap.includes('chief_editor')||this.user_cap.includes('deputy_editor')">
 
+            <template
+                v-if="this.user_cap.includes('chief') || this.user_cap.includes('chief_editor') || this.user_cap.includes('deputy_editor')"
+            >
                 <el-submenu index="6">
                     <template slot="title"> <i class="el-icon-document-copy"></i> {{ $t('sidebar.man_ing') }} </template>
                     <el-menu-item index="managing">
@@ -168,6 +169,7 @@
                     <el-menu-item index="mailboxConfig">
                         {{ $t('sidebar.mailboxManagement') }}
                     </el-menu-item>
+
                     <el-submenu index="expertDatabaseSub">
                         <template slot="title">
                             {{ $t('sidebar.expertDatabase') }}
@@ -175,19 +177,16 @@
                         <el-menu-item index="expertDatabase">
                             {{ $t('sidebar.expertList') }}
                         </el-menu-item>
+
                         <el-menu-item index="crawlTaskMonitor">
                             {{ $t('sidebar.crawlTasks') }}
                         </el-menu-item>
-                   
                     </el-submenu>
-                   
-                   
-                    
-                  
-                   
-                    
+                        <el-menu-item index="countryManagement">
+                            {{ $t('sidebar.countryManagement') }}
+                        </el-menu-item>
                 </el-submenu>
-              
+
                 <el-submenu index="tools">
                     <template slot="title"> <i class="el-icon-paperclip"></i> {{ $t('sidebar.tools') }} </template>
                     <el-menu-item index="RejectedArticles">
@@ -234,7 +233,6 @@ export default {
                     index: '1',
                     title: this.$t('sidebar.author'),
                     subs: [
-                      
                         {
                             index: 'articleList',
                             title: this.$t('sidebar.author1')
@@ -246,10 +244,11 @@ export default {
                         {
                             index: 'articleAdd',
                             title: this.$t('sidebar.author2')
-                        } , {
+                        },
+                        {
                             index: 'orderListAuthor',
                             title: this.$t('sidebar.author4')
-                        },
+                        }
                     ]
                 }
                 // ,{
@@ -312,7 +311,6 @@ export default {
                     index: 'Promotionsystem',
                     title: this.$t('menu.Promotionsystem'),
                     subs: [
-                      
                         {
                             index: 'disseMRecord',
                             title: this.$t('menu.userManSys6')
@@ -363,7 +361,7 @@ export default {
                     index: '4',
                     title: this.$t('sidebar.userManSys'),
                     subs: [
-                    {
+                        {
                             //论文编辑系统
                             icon: 'el-icon-lx-copy',
                             index: 'Userdatabase',
@@ -679,74 +677,61 @@ export default {
         }
     },
     mounted() {
-    //     if(this.user_cap.includes(',board')||this.user_cap.includes('board_editor')||this.user_cap.includes('chief')||this.user_cap.includes('chief_editor')||this.user_cap.includes('deputy_editor')){
-    // Promise.all([
-    //        this.$api
-	// 				.post('api/Finalreview/lists', {
-	// 					'reviewer_id': localStorage.getItem('U_id'),state:5,
-	// 					'page': 1,
-	// 					'size': 999999,
-	// 				})
-           
-    //     ]).then(([res1]) => {
-    //     	console.log('res1 at line 770:', res1)
-    //         const totalCheck = res1.data.total || 0; // 待审核
-        
-
-    //         if (totalCheck > 0 ) {
-    //             const h = this.$createElement;
-    //             const messageNodes = [];
-
-    //             if (totalCheck > 0) {
-    //                 messageNodes.push(
-    //     h(
-    //         'p',
-    //         {
-    //             style: {
-    //                 color: '#006699',
-    //                 marginTop: '10px',
-    //                 marginBottom: '4px',
-    //                 display: 'block',   width: '280px'  // 设置宽度
-                    
-    //             }
-    //         },
-    //         `You have received 【${totalCheck}】 invitations .`
-    //     )
-    // );
-    
-    // // 第二行
-    // messageNodes.push(
-    //     h(
-    //         'p',
-    //         {
-    //             style: {
-    //                 color: '#888',
-    //                 display: 'block',   width: '280px'  // 设置宽度
-                    
-    //             }
-    //         },
-    //         'Please process them promptly in the  final review history.'
-    //     )
-    // );
-    //             }
-
-           
-
-    //             this.$notify({
-    //                 title: 'Final Review',
-    //                 message: h('div', {
-    //                             style: 'width: 200px;'
-
-    //                         }, messageNodes)
-    //             });
-    //         }
-    //     });
-    //     }
-
+        //     if(this.user_cap.includes(',board')||this.user_cap.includes('board_editor')||this.user_cap.includes('chief')||this.user_cap.includes('chief_editor')||this.user_cap.includes('deputy_editor')){
+        // Promise.all([
+        //        this.$api
+        // 				.post('api/Finalreview/lists', {
+        // 					'reviewer_id': localStorage.getItem('U_id'),state:5,
+        // 					'page': 1,
+        // 					'size': 999999,
+        // 				})
+        //     ]).then(([res1]) => {
+        //     	console.log('res1 at line 770:', res1)
+        //         const totalCheck = res1.data.total || 0; // 待审核
+        //         if (totalCheck > 0 ) {
+        //             const h = this.$createElement;
+        //             const messageNodes = [];
+        //             if (totalCheck > 0) {
+        //                 messageNodes.push(
+        //     h(
+        //         'p',
+        //         {
+        //             style: {
+        //                 color: '#006699',
+        //                 marginTop: '10px',
+        //                 marginBottom: '4px',
+        //                 display: 'block',   width: '280px'  // 设置宽度
+        //             }
+        //         },
+        //         `You have received 【${totalCheck}】 invitations .`
+        //     )
+        // );
+        // // 第二行
+        // messageNodes.push(
+        //     h(
+        //         'p',
+        //         {
+        //             style: {
+        //                 color: '#888',
+        //                 display: 'block',   width: '280px'  // 设置宽度
+        //             }
+        //         },
+        //         'Please process them promptly in the  final review history.'
+        //     )
+        // );
+        //             }
+        //             this.$notify({
+        //                 title: 'Final Review',
+        //                 message: h('div', {
+        //                             style: 'width: 200px;'
+        //                         }, messageNodes)
+        //             });
+        //         }
+        //     });
+        //     }
     },
 
     created() {
-       
         localStorage.setItem('collapse', this.collapse);
         if (this.userrole == 2) {
             //其余的身份（显示作者）
@@ -788,7 +773,7 @@ export default {
                                     index: 'JournalManagementAll',
                                     title: this.$t('sidebar.journalList')
                                 },
-                                
+
                                 {
                                     index: 'GroupClassification',
                                     title: this.$t('sidebar.GroupClassification')
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 48f693c..2bd3758 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -281,6 +281,7 @@ const en = {
 		keywordManagement: 'Keyword Management',
 		crawlTasks: 'Crawl Tasks',
 		expertList: 'Expert List',
+		countryManagement: 'Country Management',
 		autoPromotion: 'Auto Promotion',
 		ReArticles: 'Rejected Manuscripts',     // 被拒稿件
 		editorialBoard: 'Boss System',
@@ -307,17 +308,69 @@ const en = {
 		},
 		columns: {
 			baseInfo: 'Base Information',
+			country: 'Country',
 			affiliation: 'Affiliation',
 			researchAreas: 'Research areas'
 		},
+		emptyMark: '-',
 		fields: {
 			nameLabel: 'Name:',
 			emailLabel: 'Email:',
 			acquisitionTimeLabel: 'Acquisition Time:'
 		},
+		viewAllInfo: 'View all details',
+		detailDialogTitle: 'Research areas & Article',
+		detailColField: 'Research areas',
+		detailColPaper: 'Article title',
+		detailColJournal: 'Journal',
+		detailClose: 'Close',
+		detailCellEmpty: 'N/A',
+		noFieldDetail: 'No publication details for these fields',
 		exportWarn: 'Please select a research area, enter a keyword, or enter a field before exporting.',
 		exportFailed: 'Export failed'
 	},
+	countryManagement: {
+		title: 'Country maintenance',
+		keywordPlaceholder: 'Chinese / English / code',
+		partitionLabel: 'Partition',
+		partitionAll: 'All partitions',
+		partition1: 'Partition 1',
+		partition2: 'Partition 2',
+		partition3: 'Partition 3',
+		searchBtn: 'Search',
+		resetBtn: 'Reset',
+		table: {
+			no: 'No.',
+			zhName: 'Chinese name',
+			enName: 'English name',
+			code: 'Code',
+			partition: 'Partition',
+			actions: 'Actions'
+		},
+		edit: 'Edit',
+		delete: 'Delete',
+		editTitle: 'Edit country',
+		form: {
+			zhName: 'Chinese name',
+			enName: 'English name',
+			code: 'Code',
+			partition: 'Partition'
+		},
+		cancel: 'Cancel',
+		save: 'Save',
+		confirm: 'OK',
+		deleteTitle: 'Confirm delete',
+		deleteConfirm: 'Delete this country record? This cannot be undone.',
+		saveSuccess: 'Saved',
+		deleteSuccess: 'Deleted',
+		opFailed: 'Operation failed',
+		loadFailed: 'Failed to load list',
+		missingId: 'Missing country id',
+		ruleZhName: 'Enter Chinese name',
+		ruleEnName: 'Enter English name',
+		ruleCode: 'Enter code',
+		rulePartition: 'Select a partition'
+	},
 	mailboxConfig: {
 		mailSystem: 'Mailbox system',
 		title: 'Mailbox config',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 32f8e5f..3d582e0 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -269,6 +269,7 @@ const zh = {
 		keywordManagement: '关键词管理',
 		crawlTasks: '抓取任务',
 		expertList: '专家列表',
+		countryManagement: '国家信息',
 		autoPromotion: '自动推广',
 		ReArticles: '被拒稿件',     // 被拒稿件
 		editorialBoard: '编委管理',
@@ -296,17 +297,69 @@ const zh = {
 		},
 		columns: {
 			baseInfo: '基础信息',
+			country: '国家',
 			affiliation: '单位',
 			researchAreas: '研究领域'
 		},
+		emptyMark: '-',
 		fields: {
 			nameLabel: '姓名：',
 			emailLabel: '邮箱：',
 			acquisitionTimeLabel: '采集时间：'
 		},
+		viewAllInfo: '查看全部信息',
+		detailDialogTitle: '领域与文章',
+		detailColField: '研究领域',
+		detailColPaper: '文章标题',
+		detailColJournal: '所属期刊',
+		detailClose: '关闭',
+		detailCellEmpty: '暂无',
+		noFieldDetail: '暂无领域对应的文献信息',
 		exportWarn: '请选择研究领域或输入关键词或领域 field 后再导出。',
 		exportFailed: '导出失败'
 	},
+	countryManagement: {
+		title: '国家信息维护',
+		keywordPlaceholder: '中文名 / 英文名 / 代码',
+		partitionLabel: '分区',
+		partitionAll: '全部分区',
+		partition1: '分区 1',
+		partition2: '分区 2',
+		partition3: '分区 3',
+		searchBtn: '搜索',
+		resetBtn: '重置',
+		table: {
+			no: '序号',
+			zhName: '中文名称',
+			enName: '英文名称',
+			code: '代码',
+			partition: '分区',
+			actions: '操作'
+		},
+		edit: '修改',
+		delete: '删除',
+		editTitle: '编辑国家信息',
+		form: {
+			zhName: '中文名称',
+			enName: '英文名称',
+			code: '代码',
+			partition: '分区'
+		},
+		cancel: '取消',
+		save: '保存',
+		confirm: '确定',
+		deleteTitle: '删除确认',
+		deleteConfirm: '确定删除该国家信息？删除后不可恢复。',
+		saveSuccess: '保存成功',
+		deleteSuccess: '删除成功',
+		opFailed: '操作失败',
+		loadFailed: '加载列表失败',
+		missingId: '缺少国家编号，无法删除',
+		ruleZhName: '请输入中文名称',
+		ruleEnName: '请输入英文名称',
+		ruleCode: '请输入代码',
+		rulePartition: '请选择分区'
+	},
 	mailboxConfig: {
 		mailSystem: '邮件系统',
 		title: '邮箱账号管理',
diff --git a/src/components/page/countryManagement.vue b/src/components/page/countryManagement.vue
new file mode 100644
index 0000000..f8c2881
--- /dev/null
+++ b/src/components/page/countryManagement.vue
@@ -0,0 +1,362 @@
+<template>
+    <div class="country-manage">
+        <div class="crumbs">
+            <el-breadcrumb separator="/">
+               
+                <el-breadcrumb-item> <i class="el-icon-place"></i> {{ $t('countryManagement.title') }}</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+
+        <div class="toolbar">
+            <el-form :inline="true" :model="query" size="small">
+                <el-form-item>
+                    <el-input
+                        v-model="query.keyword"
+                        clearable
+                        :placeholder="$t('countryManagement.keywordPlaceholder')"
+                        style="width: 260px"
+                    />
+                </el-form-item>
+                <el-form-item>
+                    <el-select
+                        v-model="query.partition"
+                        clearable
+                        :placeholder="$t('countryManagement.partitionAll')"
+                        style="width: 140px"
+                        @change="onPartitionChange"
+                    >
+                        <el-option :label="$t('countryManagement.partitionAll')" value="" />
+                        <el-option :label="$t('countryManagement.partition1')" value="1" />
+                        <el-option :label="$t('countryManagement.partition2')" value="2" />
+                        <el-option :label="$t('countryManagement.partition3')" value="3" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" :loading="loading" @click="handleSearch">
+                        {{ $t('countryManagement.searchBtn') }}
+                    </el-button>
+                    <el-button @click="handleReset">{{ $t('countryManagement.resetBtn') }}</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <el-card shadow="never" class="table-card">
+            <el-table :data="list" border stripe v-loading="loading" header-row-class-name="dark-table-header">
+                <el-table-column type="index" :label="$t('countryManagement.table.no')" width="70" align="center" />
+                <el-table-column prop="zh_name" :label="$t('countryManagement.table.zhName')" min-width="140" show-overflow-tooltip />
+                <el-table-column prop="en_name" :label="$t('countryManagement.table.enName')" min-width="160" show-overflow-tooltip />
+                <el-table-column prop="code" :label="$t('countryManagement.table.code')" width="100" align="center" />
+                <el-table-column prop="partition" :label="$t('countryManagement.table.partition')" width="100" align="center" />
+                <el-table-column :label="$t('countryManagement.table.actions')" width="220" align="center" fixed="right">
+                    <template slot-scope="scope">
+                        <div class="table-row-actions">
+                            <el-button
+                                type="primary"
+                                plain
+                                size="mini"
+                                icon="el-icon-edit"
+                                class="action-btn action-btn--edit"
+                                @click="openEdit(scope.row)"
+                            >
+                                {{ $t('countryManagement.edit') }}
+                            </el-button>
+                            <el-button
+                                type="danger"
+                                plain
+                                size="mini"
+                                icon="el-icon-delete"
+                                class="action-btn action-btn--delete"
+                                @click="handleDelete(scope.row)"
+                            >
+                                {{ $t('countryManagement.delete') }}
+                            </el-button>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <div class="pagination">
+                <el-pagination
+                    background
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :current-page="query.page"
+                    :page-size="query.per_page"
+                    :page-sizes="[10, 20, 50]"
+                    :total="total"
+                    @size-change="handleSizeChange"
+                    @current-change="handlePageChange"
+                />
+            </div>
+        </el-card>
+
+        <el-dialog
+            :title="$t('countryManagement.editTitle')"
+            :visible.sync="editVisible"
+            width="580px"
+            append-to-body
+            destroy-on-close
+            @closed="resetForm"
+        >
+            <el-form ref="editForm" :model="form" :rules="rules" label-width="150px" size="small" class="country-edit-form">
+                <el-form-item :label="$t('countryManagement.form.zhName')" prop="zh_name">
+                    <el-input v-model="form.zh_name" />
+                </el-form-item>
+                <el-form-item :label="$t('countryManagement.form.enName')" prop="en_name">
+                    <el-input v-model="form.en_name" />
+                </el-form-item>
+                <el-form-item :label="$t('countryManagement.form.code')" prop="code">
+                    <el-input v-model="form.code" />
+                </el-form-item>
+                <el-form-item :label="$t('countryManagement.form.partition')" prop="partition">
+                    <el-select v-model="form.partition" style="width: 100%">
+                        <el-option :label="$t('countryManagement.partition1')" value="1" />
+                        <el-option :label="$t('countryManagement.partition2')" value="2" />
+                        <el-option :label="$t('countryManagement.partition3')" value="3" />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="editVisible = false">{{ $t('countryManagement.cancel') }}</el-button>
+                <el-button type="primary" :loading="saveLoading" @click="submitEdit">{{ $t('countryManagement.save') }}</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'countryManagement',
+    data() {
+        return {
+            query: {
+                keyword: '',
+                partition: '',
+                page: 1,
+                per_page: 10
+            },
+            list: [],
+            total: 0,
+            loading: false,
+            editVisible: false,
+            saveLoading: false,
+            form: {
+                country_id: '',
+                zh_name: '',
+                en_name: '',
+                code: '',
+                partition: '1'
+            },
+            rules: {}
+        };
+    },
+    created() {
+        this.rules = {
+            zh_name: [{ required: true, message: this.$t('countryManagement.ruleZhName'), trigger: 'blur' }],
+            en_name: [{ required: true, message: this.$t('countryManagement.ruleEnName'), trigger: 'blur' }],
+            code: [{ required: true, message: this.$t('countryManagement.ruleCode'), trigger: 'blur' }],
+            partition: [{ required: true, message: this.$t('countryManagement.rulePartition'), trigger: 'change' }]
+        };
+        this.fetchList();
+    },
+    methods: {
+        countryRowId(row) {
+            if (!row) return '';
+            return row.country_id != null ? String(row.country_id) : row.id != null ? String(row.id) : '';
+        },
+        normalizeListResponse(res) {
+            const d = res && res.data;
+            if (!d) return { list: [], total: 0 };
+            const list = d.list || d.data || d.rows || [];
+            const total = Number(d.total != null ? d.total : d.count != null ? d.count : list.length) || 0;
+            return { list: Array.isArray(list) ? list : [], total };
+        },
+        async fetchList() {
+            this.loading = true;
+            try {
+                const params = {
+                    keyword: this.query.keyword || '',
+                    partition: this.query.partition === '' || this.query.partition == null ? '' : String(this.query.partition),
+                    page: this.query.page,
+                    per_page: this.query.per_page
+                };
+                const res = await this.$api.post('api/Country/getList', params);
+                if (res && res.code === 0) {
+                    const { list, total } = this.normalizeListResponse(res);
+                    this.list = list;
+                    this.total = total;
+                } else {
+                    this.list = [];
+                    this.total = 0;
+                    if (res && res.msg) this.$message.warning(res.msg);
+                }
+            } catch (e) {
+                this.list = [];
+                this.total = 0;
+                this.$message.error(this.$t('countryManagement.loadFailed'));
+            } finally {
+                this.loading = false;
+            }
+        },
+        handleSearch() {
+            this.query.page = 1;
+            this.fetchList();
+        },
+        /** 切换分区即请求列表，无需再点搜索 */
+        onPartitionChange() {
+            this.query.page = 1;
+            this.fetchList();
+        },
+        handleReset() {
+            this.query = {
+                keyword: '',
+                partition: '',
+                page: 1,
+                per_page: 10
+            };
+            this.fetchList();
+        },
+        handleSizeChange(size) {
+            this.query.per_page = size;
+            this.query.page = 1;
+            this.fetchList();
+        },
+        handlePageChange(page) {
+            this.query.page = page;
+            this.fetchList();
+        },
+        openEdit(row) {
+            const id = this.countryRowId(row);
+            this.form = {
+                country_id: id,
+                zh_name: (row && row.zh_name) || '',
+                en_name: (row && row.en_name) || '',
+                code: (row && row.code) || '',
+                partition: row && row.partition != null && row.partition !== '' ? String(row.partition) : '1'
+            };
+            this.editVisible = true;
+            this.$nextTick(() => {
+                if (this.$refs.editForm) this.$refs.editForm.clearValidate();
+            });
+        },
+        resetForm() {
+            this.form = {
+                country_id: '',
+                zh_name: '',
+                en_name: '',
+                code: '',
+                partition: '1'
+            };
+        },
+        submitEdit() {
+            this.$refs.editForm.validate(async (valid) => {
+                if (!valid) return;
+                this.saveLoading = true;
+                try {
+                    const params = {
+                        country_id: String(this.form.country_id),
+                        zh_name: this.form.zh_name,
+                        en_name: this.form.en_name,
+                        code: this.form.code,
+                        partition: String(this.form.partition)
+                    };
+                    const res = await this.$api.post('api/Country/edit', params);
+                    if (res && res.code === 0) {
+                        this.$message.success(this.$t('countryManagement.saveSuccess'));
+                        this.editVisible = false;
+                        this.fetchList();
+                    } else {
+                        this.$message.error((res && res.msg) || this.$t('countryManagement.opFailed'));
+                    }
+                } catch (e) {
+                    this.$message.error(this.$t('countryManagement.opFailed'));
+                } finally {
+                    this.saveLoading = false;
+                }
+            });
+        },
+        handleDelete(row) {
+            const id = this.countryRowId(row);
+            if (!id) {
+                this.$message.warning(this.$t('countryManagement.missingId'));
+                return;
+            }
+            this.$confirm(this.$t('countryManagement.deleteConfirm'), this.$t('countryManagement.deleteTitle'), {
+                type: 'warning',
+                confirmButtonText: this.$t('countryManagement.confirm'),
+                cancelButtonText: this.$t('countryManagement.cancel')
+            })
+                .then(async () => {
+                    try {
+                        const res = await this.$api.post('api/Country/delete', { country_id: String(id) });
+                        if (res && res.code === 0) {
+                            this.$message.success(this.$t('countryManagement.deleteSuccess'));
+                            this.fetchList();
+                        } else {
+                            this.$message.error((res && res.msg) || this.$t('countryManagement.opFailed'));
+                        }
+                    } catch (e) {
+                        this.$message.error(this.$t('countryManagement.opFailed'));
+                    }
+                })
+                .catch(() => {});
+        }
+    }
+};
+</script>
+
+<style scoped>
+.country-manage {
+    padding: 0 10px;
+}
+.crumbs {
+    margin-bottom: 10px;
+}
+.toolbar {
+    /* margin-bottom: 15px; */
+    margin-top: 20px;
+}
+.table-card {
+    margin-top: 0;
+}
+.pagination {
+    margin-top: 15px;
+    text-align: right;
+}
+::v-deep .dark-table-header th {
+    background-color: #f5f7fa;
+    font-weight: 600;
+}
+.table-row-actions {
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+}
+.table-row-actions .action-btn {
+    margin: 0;
+    padding: 7px 12px;
+    border-radius: 4px;
+    font-weight: 500;
+}
+.table-row-actions .action-btn--edit {
+    background-color: #ecf5ff;
+    border-color: #b3d8ff;
+    color: #409eff;
+}
+.table-row-actions .action-btn--edit:hover {
+    background-color: #d9ecff;
+    border-color: #409eff;
+    color: #409eff;
+}
+.table-row-actions .action-btn--delete {
+    background-color: #fef0f0;
+    border-color: #fbc4c4;
+    color: #f56c6c;
+}
+.table-row-actions .action-btn--delete:hover {
+    background-color: #fde2e2;
+    border-color: #f56c6c;
+    color: #f56c6c;
+}
+</style>
diff --git a/src/components/page/expertDatabase.vue b/src/components/page/expertDatabase.vue
index cb4e0b1..8ed496a 100644
--- a/src/components/page/expertDatabase.vue
+++ b/src/components/page/expertDatabase.vue
@@ -68,16 +68,16 @@
                             </p>
                             <p class="info-row" style="margin-top: 10px; font-size: 12px">
                                 <span class="label">{{ $t('expertDatabase.fields.acquisitionTimeLabel') }}</span>
-                                <span class="value time">{{ scope.row.ctime_text ? scope.row.ctime_text : '-' }}</span>
+                                <span class="value time">{{ scope.row.ctime_text ? scope.row.ctime_text : $t('expertDatabase.emptyMark') }}</span>
                             </p>
 
                             <span class="custom-tag">{{ scope.row.state_text }}</span>
                         </div>
                     </template>
                 </el-table-column>
-
-                <el-table-column prop="affiliation" :label="$t('expertDatabase.columns.affiliation')" min-width="260" />
-                <el-table-column prop="fieldDisplay" :label="$t('expertDatabase.columns.researchAreas')" min-width="200">
+                <el-table-column prop="country" :label="$t('expertDatabase.columns.country')" min-width="100" />
+                <el-table-column prop="affiliation" :label="$t('expertDatabase.columns.affiliation')" min-width="460" />
+                <el-table-column prop="fieldDisplay" :label="$t('expertDatabase.columns.researchAreas')" min-width="260">
                     <template slot-scope="scope">
                         <div v-for="(field, index) in scope.row.fields" :key="index">
                             <span>
@@ -85,10 +85,43 @@
                                 {{ field.field }}
                             </span>
                         </div>
+                        <el-button
+                            v-if="scope.row.fields && scope.row.fields.length"
+                            type="text"
+                            size="small"
+                            class="view-all-btn"
+                            @click.stop="openFieldDetail(scope.row)"
+                        >
+                            {{ $t('expertDatabase.viewAllInfo') }}
+                        </el-button>
                     </template>
                 </el-table-column>
             </el-table>
 
+            <el-dialog
+                :title="$t('expertDatabase.detailDialogTitle')"
+                :visible.sync="fieldDetailVisible"
+                width="1200px"
+                append-to-body
+                destroy-on-close
+                class="field-detail-dialog"
+            >
+                <p v-if="fieldDetailExpert" class="field-detail-name">
+                    <span class="label">{{ $t('expertDatabase.fields.nameLabel') }}</span>
+                    <span class="value bold">{{ fieldDetailExpert.name }}</span>
+                </p>
+                <el-table v-if="fieldDetailRows.length" :data="fieldDetailRows" border stripe size="small" max-height="420">
+                    <el-table-column type="index" :label="$t('expertDatabase.table.no')" width="56" align="center" />
+                    <el-table-column prop="field" :label="$t('expertDatabase.detailColField')" min-width="140"  />
+                    <el-table-column prop="paper_title" :label="$t('expertDatabase.detailColPaper')" min-width="220"  />
+                    <el-table-column prop="paper_journal" :label="$t('expertDatabase.detailColJournal')" min-width="140" />
+                </el-table>
+                <p v-else class="field-detail-empty">{{ $t('expertDatabase.noFieldDetail') }}</p>
+                <span slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="fieldDetailVisible = false">{{ $t('expertDatabase.detailClose') }}</el-button>
+                </span>
+            </el-dialog>
+
             <div class="pagination">
                 <el-pagination
                     background
@@ -124,7 +157,10 @@ export default {
             list: [],
             total: 0,
             loading: false,
-            exportLoading: false
+            exportLoading: false,
+            fieldDetailVisible: false,
+            fieldDetailExpert: null,
+            fieldDetailRows: []
         };
     },
     created() {
@@ -228,6 +264,17 @@ export default {
             this.query.pageIndex = page;
             this.fetchList();
         },
+        openFieldDetail(row) {
+            const empty = this.$t('expertDatabase.detailCellEmpty');
+            this.fieldDetailExpert = row || null;
+            const fields = (row && row.fields) || [];
+            this.fieldDetailRows = fields.map((f) => ({
+                field: (f && f.field) || empty,
+                paper_title: (f && (f.paper_title || f.title)) || empty,
+                paper_journal: (f && (f.paper_journal || f.journal)) || empty
+            }));
+            this.fieldDetailVisible = true;
+        },
         async handleExport() {
             if (!this.query.major_id && !this.query.keyword && !this.query.field) {
                 this.$message.warning(this.$t('expertDatabase.exportWarn'));
@@ -330,5 +377,18 @@ export default {
 .value.time {
     color: #888;
 }
+.view-all-btn {
+    margin-top: 8px;
+    padding: 0;
+}
+.field-detail-name {
+    margin: 0 0 12px;
+    font-size: 14px;
+}
+.field-detail-empty {
+    margin: 16px 0;
+    color: #909399;
+    font-size: 13px;
+}
 </style>
 
diff --git a/src/router/index.js b/src/router/index.js
index a3091a8..b608bcd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1115,7 +1115,16 @@ export default new Router({
 			path: '/expertDatabase', //专家库
 			component: () => import('../components/page/expertDatabase'),
 			meta: {
-				title: 'Expert Database'
+				title: 'Expert Database',
+				titleKey: 'sidebar.expertList'
+			}
+		},
+		{
+			path: '/countryManagement', // 专家库-国家信息维护
+			component: () => import('../components/page/countryManagement'),
+			meta: {
+				title: 'Country Management',
+				titleKey: 'sidebar.countryManagement'
 			}
 		},
 		{