diff --git a/src/components/page/articleReviewer.vue b/src/components/page/articleReviewer.vue
index bf9ec0b..bfed17d 100644
--- a/src/components/page/articleReviewer.vue
+++ b/src/components/page/articleReviewer.vue
@@ -8,6 +8,7 @@
 		<div class="container">
 			<div class="handle-box">
 				<el-button type="primary" icon="el-icon-plus" @click="openAddRev">Reviewer Bank</el-button>
+				
 				<el-button type="primary" icon="el-icon-plus" @click="openSuggRev">Reviewers Suggested By Author
 					({{tableSuggest.length}})</el-button>
 				<!-- <el-button type="primary" icon="el-icon-circle-plus-outline" @click="editVisible1 = true">Supplement</el-button> -->
@@ -435,6 +436,7 @@
 					}
 				});
 			},
+			
 			//初始化审查员列表
 			initreviewerList() {
 				this.$api
diff --git a/src/components/page/articleReviewerAIAdd.vue b/src/components/page/articleReviewerAIAdd.vue
new file mode 100644
index 0000000..e1ba991
--- /dev/null
+++ b/src/components/page/articleReviewerAIAdd.vue
@@ -0,0 +1,164 @@
+<template>
+    <div><span style="font-size: 14px; color: #606266; margin: 0 10px 0 0">Research direction :</span>
+        <el-input
+                v-model="messform.email"
+                clearable
+                placeholder="Please enter email"
+                style="width: 190px; display: inline-block; margin: 0 10px 20px 0"
+            ></el-input>
+            <el-input
+                v-model="messform.field"
+                clearable
+                placeholder="Please enter field"
+                style="width: 190px; display: inline-block; margin: 0 10px 20px 0"
+            ></el-input>
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
+        <el-table
+            :data="revTable"
+            border
+            stripe
+            class="table"
+            ref="multipleTable"
+            header-cell-class-name="table-header"
+            empty-text="New messages (0)"
+        >
+            <el-table-column label="Base Information">
+                <template slot-scope="scope">
+                    <p class="tab_tie_col">
+                        <span>Realname: </span><b style="font-size: 15px">{{ scope.row.realname }}</b>
+                    </p>
+                    <p class="tab_tie_col"><span>Account: </span>{{ scope.row.account }}</p>
+                    <p class="tab_tie_col"><span>Email: </span>{{ scope.row.email }}</p>
+                </template>
+            </el-table-column>
+            <el-table-column label="Other Information">
+                <template slot-scope="scope">
+                    <p class="tab_tie_col" v-if="scope.row.company != ''"><span>Affiliation: </span>{{ scope.row.company }}</p>
+                    <p class="tab_tie_col" v-if="scope.row.field != ''"><span>Field: </span>{{ scope.row.field }}</p>
+                    <!-- <p class="tab_tie_col" v-if="scope.row.majorstr != ''"><span>Major: </span>{{ scope.row.majorstr }}</p> -->
+                </template>
+            </el-table-column>
+            <el-table-column prop="rs_num" label="Reviewed Times" width="140">
+                <template slot-scope="scope">
+                    Total: {{ scope.row.rs_num }}
+                    <br />
+                    <div>
+                        <i class="el-icon-check" style="font-weight: bold; color: green;margin-right: 4px;"> </i> <span style="margin-right: 4px;color: green;">{{ scope.row.right_times }}</span>
+                        <span>({{ scope.row.right_rate }}%)</span>
+                    </div>
+                    <div>
+                        <i class="el-icon-close" style="font-weight: bold; color: red;margin-right: 4px;"> </i> <span style="margin-right: 4px;color: red;">{{ scope.row.error_times }}</span>
+                        <span>({{ scope.row.error_rate }}%)</span>
+                    </div>
+                    <!-- <font style="margin-left: 5px">(Reviewing:{{ scope.row.now }})</font> -->
+                </template>
+            </el-table-column>
+            <!-- <el-table-column prop="rd_num" label="Fail number" width="140"></el-table-column> -->
+            <el-table-column label="" width="200" align="center">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="success" plain icon="el-icon-tickets" @click="openDetail(scope.row)">Detail</el-button>
+                    <el-button size="mini" type="primary" plain icon="el-icon-check" @click="openSelect(scope.row)"> Select</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination">
+            <el-pagination
+                background
+                layout="total, prev, pager, next"
+                :current-page="messform.page"
+                :page-size="messform.size"
+                :total="Total"
+                @current-change="handlePageChange"
+            ></el-pagination>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            messform: {
+                article_id: this.$route.query.id,
+
+                page: 1,
+                size: 15
+            },
+            revTable: [],
+            mesOpen: [],
+            mesOpenVisble: false,
+            loading: false,
+            Total: 0,
+            majors_a: [],
+            majors_b: [],
+            majors_c: [],
+            allFileds: [], // 全部领域
+            fieldsProps: {
+                checkStrictly: true,
+                value: 'major_id',
+                label: 'major_title',
+                children: 'children'
+            },
+            selectFileds: []
+        };
+    },
+    created() {
+        this.getDate();
+    },
+    computed: {},
+    methods: {
+        // 获取编辑列表数据
+        getDate() {
+            this.$api
+                .post('/api/Recommend/lists', this.messform)
+                .then((res) => {
+                    this.revTable = res.data.lists;
+                    this.Total = res.data.total;
+                    this.loading = false;
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+
+        // 关键字搜索
+        handleSearch() {
+            this.loading = true;
+            // console.log(this.messform)
+            this.getDate();
+        },
+
+        // 审稿人详情
+        openDetail(row) {
+            this.$emit('openDetail', row);
+        },
+        // 保存添加操作
+        openSelect(row) {
+            this.$emit('openSelect', row);
+        },
+
+        // 分页导航
+        handlePageChange(val) {
+            this.$set(this.messform, 'page', val);
+            this.getDate();
+        }
+    }
+};
+</script>
+
+<style scoped>
+.table {
+    width: 100%;
+    font-size: 14px;
+}
+.tab_tie_col {
+    margin-bottom: 5px;
+    color: #333;
+}
+
+.tab_tie_col > span {
+    color: #888;
+    margin: 0 5px 0 0;
+    font-size: 13px;
+}
+</style>
diff --git a/src/components/page/articleReviewerAdd.vue b/src/components/page/articleReviewerAdd.vue
index b9237e8..6865c25 100644
--- a/src/components/page/articleReviewerAdd.vue
+++ b/src/components/page/articleReviewerAdd.vue
@@ -11,18 +11,14 @@
             element-loading-text="Loading..."
             element-loading-spinner="el-icon-loading"
             element-loading-background="rgba(255, 255, 255, 0.8)"
-        >
-            <span style="font-size: 14px; color: #606266; margin: 0 10px 0 0">Research direction :</span>
-            <el-cascader
-                placeholder="Please select major"
-                v-model="selectFileds"
-                style="width: 300px; margin-right: 10px"
-                @change="fieldChange"
-                :options="allFileds"
-                :props="fieldsProps"
-                collapse-tags
-                clearable
-            ></el-cascader>
+            
+        > 
+            <span
+                style="float: right; display: flex; align-items: center; color: #6843ff; font-weight: bold"
+                @click="isSelectAI = !isSelectAI"
+                > <el-checkbox  v-model="isSelectAI"></el-checkbox><img src="@/assets/img/ai.png" style="width: 30px; height: 30px; margin-left: 10px" /> </span
+            >
+         
             <!-- <el-select v-model="messform.major_a" placeholder="Please select major" @change="majorChange(1)"
 				style="width: 200px;margin: 0 10px 0 0;">
 				<el-option :key="0" label="All major" :value="0"></el-option>
@@ -42,6 +38,20 @@
 				<el-option v-for="item in majors_c" :key="item.major_id" :label="item.major_title"
 					:value="item.major_id"></el-option>
 			</el-select> -->
+            
+          
+
+            <div v-if="!isSelectAI"><span style="font-size: 14px; color: #606266; margin: 0 10px 0 0">Research direction :</span>
+                <el-cascader
+                placeholder="Please select major"
+                v-model="selectFileds"
+                style="width: 300px; margin-right: 10px"
+                @change="fieldChange"
+                :options="allFileds"
+                :props="fieldsProps"
+                collapse-tags
+                clearable
+            ></el-cascader>
             <el-input
                 v-model="messform.email"
                 clearable
@@ -55,54 +65,62 @@
                 style="width: 190px; display: inline-block; margin: 0 10px 20px 0"
             ></el-input>
             <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-            <el-table
-                :data="revTable"
-                border
-                stripe
-                class="table"
-                ref="multipleTable"
-                header-cell-class-name="table-header"
-                empty-text="New messages (0)"
-            >
-                <el-table-column label="Base Information">
-                    <template slot-scope="scope">
-                        <p class="tab_tie_col">
-                            <span>Realname: </span><b style="font-size: 15px">{{ scope.row.realname }}</b>
-                        </p>
-                        <p class="tab_tie_col"><span>Account: </span>{{ scope.row.account }}</p>
-                        <p class="tab_tie_col"><span>Email: </span>{{ scope.row.email }}</p>
-                    </template>
-                </el-table-column>
-                <el-table-column label="Other Information">
-                    <template slot-scope="scope">
-                        <p class="tab_tie_col" v-if="scope.row.company != ''"><span>Affiliation: </span>{{ scope.row.company }}</p>
-                        <p class="tab_tie_col" v-if="scope.row.field != ''"><span>Field: </span>{{ scope.row.field }}</p>
-                        <p class="tab_tie_col" v-if="scope.row.majorstr != ''"><span>Major: </span>{{ scope.row.majorstr }}</p>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="rs_num" label="Reviewed Times" width="140">
-                    <template slot-scope="scope">
-                        {{ scope.row.rs_num }}
-                        <font style="margin-left: 5px">(Reviewing:{{ scope.row.now }})</font>
-                    </template>
-                </el-table-column>
-                <!-- <el-table-column prop="rd_num" label="Fail number" width="140"></el-table-column> -->
-                <el-table-column label="" width="200" align="center">
-                    <template slot-scope="scope">
-                        <el-button size="mini" type="success" plain icon="el-icon-tickets" @click="openDetail(scope.row)">Detail</el-button>
-                        <el-button size="mini" type="primary" plain icon="el-icon-check" @click="openSelect(scope.row)"> Select</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination
-                    background
-                    layout="total, prev, pager, next"
-                    :current-page="messform.pageIndex"
-                    :page-size="messform.pageSize"
-                    :total="Total"
-                    @current-change="handlePageChange"
-                ></el-pagination>
+                <el-table
+                    :data="revTable"
+                    border
+                    stripe
+                    class="table"
+                    ref="multipleTable"
+                    header-cell-class-name="table-header"
+                    empty-text="New messages (0)"
+                >
+                    <el-table-column label="Base Information">
+                        <template slot-scope="scope">
+                            <p class="tab_tie_col">
+                                <span>Realname: </span><b style="font-size: 15px">{{ scope.row.realname }}</b>
+                            </p>
+                            <p class="tab_tie_col"><span>Account: </span>{{ scope.row.account }}</p>
+                            <p class="tab_tie_col"><span>Email: </span>{{ scope.row.email }}</p>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="Other Information">
+                        <template slot-scope="scope">
+                            <p class="tab_tie_col" v-if="scope.row.company != ''"><span>Affiliation: </span>{{ scope.row.company }}</p>
+                            <p class="tab_tie_col" v-if="scope.row.field != ''"><span>Field: </span>{{ scope.row.field }}</p>
+                            <p class="tab_tie_col" v-if="scope.row.majorstr != ''"><span>Major: </span>{{ scope.row.majorstr }}</p>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="rs_num" label="Reviewed Times" width="140">
+                        <template slot-scope="scope">
+                            {{ scope.row.rs_num }}
+                            <font style="margin-left: 5px">(Reviewing:{{ scope.row.now }})</font>
+                        </template>
+                    </el-table-column>
+                    <!-- <el-table-column prop="rd_num" label="Fail number" width="140"></el-table-column> -->
+                    <el-table-column label="" width="200" align="center">
+                        <template slot-scope="scope">
+                            <el-button size="mini" type="success" plain icon="el-icon-tickets" @click="openDetail(scope.row)"
+                                >Detail</el-button
+                            >
+                            <el-button size="mini" type="primary" plain icon="el-icon-check" @click="openSelect(scope.row)">
+                                Select</el-button
+                            >
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="pagination">
+                    <el-pagination
+                        background
+                        layout="total, prev, pager, next"
+                        :current-page="messform.pageIndex"
+                        :page-size="messform.pageSize"
+                        :total="Total"
+                        @current-change="handlePageChange"
+                    ></el-pagination>
+                </div>
+            </div>
+            <div v-if="isSelectAI">
+                <commonAI @openSelect="openSelect" @openDetail="openDetail"></commonAI>
             </div>
         </div>
         <el-dialog
@@ -145,9 +163,14 @@
 </template>
 
 <script>
+import commonAI from './articleReviewerAIAdd.vue';
 export default {
+    components: {
+        commonAI
+    },
     data() {
         return {
+            isSelectAI: false,
             messform: {
                 article_id: this.$route.query.id,
                 email: '',
@@ -226,6 +249,7 @@ export default {
 
         // 审稿人详情
         openDetail(row) {
+            this.mesOpen={}
             this.mesOpenVisble = true;
             this.$api
                 .post('api/Article/getReviewerdetail', {
diff --git a/src/router/index.js b/src/router/index.js
index a0013bd..4c8494d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -378,6 +378,7 @@ export default new Router({
 			},
 			hidden: true
 		},
+		
 		{
 			path: '/editorList',
 			component: () => import('../components/page/editorList.vue'),