diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 54db979..4b3133b 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -672,6 +672,7 @@ export default {
                                     index: 'JournalManagementAll',
                                     title: this.$t('sidebar.journalList')
                                 },
+                                
                                 {
                                     index: 'GroupClassification',
                                     title: this.$t('sidebar.GroupClassification')
diff --git a/src/components/common/common.vue b/src/components/common/common.vue
index fb5cae7..c645a88 100644
--- a/src/components/common/common.vue
+++ b/src/components/common/common.vue
@@ -5,6 +5,7 @@
 const mediaUrl = '/public/';
 const baseUrl = '/';
 
+
 //本地(正式环境 )
 
 // const mediaUrl = 'https://submission.tmrjournals.com/public/';
@@ -21,6 +22,7 @@ const baseUrl = '/';
 
 export default {
     baseUrl,
-    mediaUrl
+    mediaUrl,
+    
 };
 </script>
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 9900ff1..4294e80 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -23,6 +23,21 @@ const en = {
 		reviewers: 'reviewer',
 		admin: 'admin'
 	},
+	articleListEditor:{
+		Continuouspublication:'Continuous publication',
+		publishInfo:'Are you sure you want to publish this article?',
+		type:'Type',
+		edit:'Edit',
+		add:'Add',
+		journalType0:'Continuous publication',
+		journalType1:'Monthly',
+		journalType3:'Quarterly',
+		coverImage:'Cover Image',
+		JournalInstallment:'Journal Installment',
+		status:'Status',
+		delete:'Delete',
+		deleteInfo: 'Are you sure you want to delete this journal installment?',
+	},
 	menu: {
 		main: 'Personal Center',
 		PublicationSystem: 'Publication System',
@@ -44,6 +59,7 @@ const en = {
 		JournalCitationAnalysis: 'Journal Citation Analysis',
 		Academicresourcesupervise: 'Academic Resource Supervise',
 		Classificationmanagement: 'Classification Management',
+		ClassificationmanagementInfo: 'Classification',
 		publicationsupervise: 'Publication Supervise',
 		papersubmit: 'Paper Submit',
 		ArticlePublication: 'Article Publication',
@@ -238,6 +254,7 @@ const en = {
 		journalArticleCount: 'Journal Article Count',
 		managingDirector: 'Managing Director',
 		GroupClassification: 'Group List',
+		JournalInstallment : 'Journal Installment',
 	},
 	home: {
 		authortop: 'Author guide',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 55604ab..330e6df 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -22,6 +22,20 @@ const zh = {
 		editor: '编辑',
 		reviewers: '审稿人',
 		admin: '管理员'
+	}, articleListEditor: {
+		Continuouspublication: '连续出刊',
+		publishInfo: '您确定要发布这篇文章吗?',
+		type: '类型',
+		edit: '编辑',
+		add: '新增',
+		journalType0: '连续出刊',
+		journalType1: '月刊',
+		journalType3: '季刊',
+		coverImage: '封面图',
+		JournalInstallment: '期刊分期',
+		status: '状态',
+		delete: '删除',
+		deleteInfo: '您确定要删除该期刊分期吗?',
 	},
 	menu: {
 		main: '个人中心',
@@ -44,7 +58,7 @@ const zh = {
 		userManSys6: '推广记录',
 		JournalCitationAnalysis: '期刊引文分析',
 		Academicresourcesupervise: '学术资源监督',
-		Classificationmanagement: '分类管理',
+		Classificationmanagement: '分类管理', ClassificationmanagementInfo: '分类管理',
 		publicationsupervise: '出版监督',
 		papersubmit: '论文提交',
 		ArticlePublication: '文章发表',
@@ -73,7 +87,7 @@ const zh = {
 		BindInfo: '将<span style="color:#006699;font-weight:700;">【绑定】</span>该分类, 是否继续?',
 		UnBindInfo: '将<span style="color:red;font-weight:700;">【解绑】</span>该分类, 是否继续?',
 		Tips: '提示',
-		AssociatedJournal:'关联期刊',
+		AssociatedJournal: '关联期刊',
 	},
 
 	JournalCitationAnalysis: {
@@ -83,7 +97,7 @@ const zh = {
 		article: '文章数量',
 		citeNum: '引用数量',
 		articleNum: '文章数量',
-		ArticleInfo: '文章信息',	website: '网站',
+		ArticleInfo: '文章信息', website: '网站',
 		email: '邮箱',
 		abbr: '缩写',
 		edit: '编辑',
@@ -233,7 +247,8 @@ const zh = {
 		journalArticleCount: '期刊文章计数总结',
 		managingDirector: '总经理',
 		GroupClassification: '集团列表',
-	
+		JournalInstallment: '分期列表',
+
 	},
 	home: {
 		authortop: '用户指南',
diff --git a/src/components/page/JournalManagement/JournalInstallment/index.vue b/src/components/page/JournalManagement/JournalInstallment/index.vue
new file mode 100644
index 0000000..d9b3535
--- /dev/null
+++ b/src/components/page/JournalManagement/JournalInstallment/index.vue
@@ -0,0 +1,943 @@
+<template>
+    <div style="width: 100%; height: 100%; padding: 0px 20px; box-sizing: border-box">
+        <div style="overflow: hidden;">
+            <!-- <el-select v-model="currentJournal.journal_id" @change="selectJournal" placeholder="Please select journal" style="width: 500px">
+                <el-option v-for="item in jourList" :key="item.journal_id" :label="item.title" :value="item.journal_id">
+                    <span style="float: left">{{ item.title }}</span>
+
+                   
+                    <span
+
+                        style="
+                            float: right;
+                            height: 20px;
+                            line-height: 20px;
+                            border-radius: 4px;
+                            color: #8492a6;
+                            font-size: 12px;
+                            padding: 0 5px;
+                            margin-top: calc((34px - 20px) / 2);
+                            color: #fff;
+                            background: #006699;
+                            border: 1px solid #006699;
+                            display: inline-block;
+                        "
+                        v-if="item.cycle == 0"
+                        > {{ $t('articleListEditor.Continuouspublication') }}</span
+                    >
+                </el-option>
+            </el-select> -->
+
+            <el-button type="primary" icon="el-icon-plus" @click="openEditJournal" style="float: right;"> {{ $t('articleListEditor.add') }}</el-button>
+          
+        </div>
+
+        <!-- <el-button type="primary" @click="horizontal = !horizontal">切换tree方向</el-button> -->
+
+        <div style="padding: 20px 0; box-sizing: border-box">
+            <el-table
+                height="84vh"
+                :data="JournalList"
+                class="table"
+                ref="multipleTable"
+                header-cell-class-name="table-header"
+                empty-text="New messages (0)"
+                
+            >
+                <!-- <el-table-column type="expand" width="30">
+                    <template slot-scope="scope">
+                     
+                    </template>
+                </el-table-column> -->
+                <!-- <el-table-column label="No." align="center" width="50">
+                    <template slot-scope="scop">
+                        {{ scop.$index + 1 }}
+                    </template>
+                    
+                </el-table-column> -->
+                <el-table-column prop="title" label="title">
+                    <template slot-scope="scope">
+                        <p>
+                            <span style="font-size: 16px !important; font-weight: 700 !important; color: rgb(51, 51, 51)">
+                                {{
+                                    scope.row.stage_year +
+                                    ' Vol.' +
+                                    scope.row.stage_vol +
+                                    ' issue.' +
+                                    scope.row.stage_no +
+                                    scope.row.stage_pagename +
+                                    scope.row.stage_page
+                                }}
+                            </span>
+                        </p>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="stage_icon" :label="$t('articleListEditor.coverImage')" width="200">
+                    <template slot-scope="scope">
+                        <div style="width: 80px; height: auto; padding: 4px; box-sizing: border-box">
+                            <img
+                                style="width: 100%; height: 100%"
+                                :src="scope.row.stage_icon ? `https://www.tmrjournals.com/public/${scope.row.stage_icon}` : ''"
+                                alt=""
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+               
+
+                <el-table-column label=" " width="100" align="center">
+                    <template slot-scope="scope">
+
+                        <el-button size="mini" @click="handleDelete(scope.row)" type="danger" plain icon="el-icon-delete">
+							{{ $t('articleListEditor.delete') }}</el-button>
+                       </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <el-dialog :title="$t('GroupClassification.add')" :visible.sync="editDialogVisible1" width="600px"  :append-to-body="true" :before-close="handleEditClose">
+            <el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="165px" >
+                <el-form-item label="Journal :">
+                    <p style="display: flex; align-items: center; justify-content: space-between">
+                        <span>{{ journal.title }}</span>
+                        <span
+                            style="
+                                border-radius: 2px;
+                                padding: 0 4px;
+                                line-height: 24px;
+                                height: 24px;
+                                box-sizing: border-box;
+                                border: 1px solid rgb(0, 102, 153) !important;
+                                color: rgb(0, 102, 153);
+                                font-size: 12px;
+                            "
+                        >
+                            {{ getCycle(journal.cycle) }}
+                        </span>
+                    </p>
+                </el-form-item>
+                <el-form-item label="Cover Image :" prop="image">
+                    <el-upload
+                        class="avatar-uploader"
+                        ref="upIconIMg"
+                        :action="baseUrl + 'journalmaster/journal/up_file'"
+                        :show-file-list="false"
+                        name="journalicon"
+                        :on-success="handleAvatarSuccess2"
+                        :on-error="handleAvatarError2"
+                        :before-upload="beforeAvatarUpload2"
+                    >
+                        <img
+                            v-if="detailForm.stage_icon"
+                            :src="detailForm.stage_icon ? `https://www.tmrjournals.com/public/${detailForm.stage_icon}` : ''"
+                            class="avatar"
+                            accept=".png,.jpg"
+                        />
+                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                </el-form-item>
+
+                <el-form-item label="Year :" prop="stage_year">
+                    <!-- <el-date-picker
+      v-model="detailForm.stage_year"
+      type="year"
+     > </el-date-picker>-->
+     <el-input v-model="detailForm.stage_year" clearable></el-input>
+                 
+                </el-form-item>
+                <el-form-item label="Vol :" prop="stage_vol">
+                    <el-input v-model="detailForm.stage_vol" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="No :" prop="stage_no">
+                    <el-input v-model="detailForm.stage_no" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="Page :" prop="stage_page">
+                    <el-input v-model="detailForm.stage_page" placeholder='15–20' clearable></el-input>
+                </el-form-item>
+                <el-form-item label="Issue Date :" prop="issue_date">
+                 
+    
+                    <el-input v-model="detailForm.issue_date" placeholder='01 May 2025' clearable></el-input>
+                </el-form-item>
+              
+               
+               
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="handleEditClose()">{{ $t('GroupClassification.cancel') }}</el-button>
+                <el-button type="primary" @click="handleEdit()">{{ $t('GroupClassification.submit') }}</el-button>
+            </span>
+        </el-dialog>
+      
+
+      
+    </div>
+</template>
+
+<script>
+import OrgTree from '@/components/org-tree';
+// import commonclass from './class.vue';
+// import commonAgreement from './agreement.vue';
+// import commonJournalInstallment from './JournalInstallment.vue';
+import bus from '@/components/common/bus';
+export default {
+    name: 'app',
+    props: ['urlList', 'source', 'journal'],
+    components: {
+        OrgTree
+        // commonclass,
+        // commonAgreement,
+        // commonJournalInstallment
+    },
+    directives: {
+        focus: {
+            inserted: function (el) {
+                el.querySelector('input').focus();
+            }
+        }
+    },
+    data() {
+        return {
+            baseUrl: this.Common.baseUrl,
+            activeNames: [],
+            jourList: [],
+            detailForm: {},
+
+            currentJournalStage: {},
+
+            expands: [],
+            edit_id: localStorage.getItem('U_id'),
+            AssociatedJournalList: [],
+            JournalList: [],
+            drawer: false,
+            drawerAgreement: false,
+            bd: true,
+            ruleForm: {
+                major_title: '',
+                nickname: ''
+            },
+            rules: {
+					stage_year: [{
+						required: true,
+						message: 'Please enter year',
+						trigger: 'blur'
+					}],
+					stage_vol: [{
+						required: true,
+						message: 'Please enter vol',
+						trigger: 'blur'
+					}],
+					stage_no: [{
+						required: true,
+						message: 'Please enter no',
+						trigger: 'blur'
+					}],
+					stage_page: [{
+						required: true,
+						message: 'Please enter page',
+						trigger: 'blur'
+					}],
+					issue_date: [{
+						required: true,
+						message: 'Please select date',
+						trigger: 'blur'
+					}],
+					
+					
+				},
+
+            editDialogVisible1: false,
+            dialogVisible: false,
+            dialogVisible2: false,
+            isShowF: false,
+            data: {
+                id: 'abc0',
+                label: this.$t('sidebar.GroupClassification'),
+                leave: 1, // tree层级
+                children: []
+            },
+            horizontal: true,
+            collapsable: true,
+            isEdit: 0,
+            currentTreeData: {},
+            currentJournal: {},
+            lastId: 11,
+            labelClassName: 'bg-white'
+        };
+    },
+    watch: {
+        dialogVisible: {
+            handler(newV, oldV) {
+                if (newV == false) {
+                    this.ruleForm = {};
+                }
+            }
+        }
+    },
+    async created() {
+        this.init();
+    },
+    async activated() {
+        this.init();
+    },
+    methods: {
+        async getJourList() {
+            this.$api
+                .post(this.urlList.getJournalList, {
+                    // username: this.query.username
+                })
+                .then(async (res) => {
+                    this.jourList = res;
+                    // this.currentJournal = this.jourList[0];
+                    await this.getDate();
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+        async selectJournal(v) {
+            console.log('e at line 155:', v);
+            this.tableData = [];
+            this.currentJournal = this.jourList.find((e) => e.journal_id == v);
+
+            await this.getDate();
+        },
+        async init() {
+            
+            await this.getJourList();
+        },
+        beforeAvatarUpload2(file) {
+            const isLt2M = file.size / 1024 / 1024 < 1;
+            if (!isLt2M) {
+                this.$message.error('Picture size cannot exceed 1M!');
+            }
+            return isLt2M;
+        },
+        handleAvatarError2(res, file) {
+            // this.$message.error(res);
+        },
+        //上传图片
+        handleAvatarSuccess2(res, file) {
+            if (res.code == 0) {
+                this.detailForm.stage_icon = res.upurl;
+            }
+        },
+        handleDelete(row) {
+            this.$confirm(this.$t('articleListEditor.deleteInfo'), this.$t('citeList.tip'), {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/Journal/delJournalStage', { journal_stage_id: row.journal_stage_id })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success(res.msg);
+                                this.init();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        handleEdit() {
+            this.$refs.detail_form.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Journal/creatJournalStage', this.detailForm)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('Success!');
+                                this.editDialogVisible1 = false;
+                                this.getDate();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            console.log(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        selectType(val) {
+            console.log('val at line 193:', val);
+        },
+        getCycle(val) {
+            var text = '';
+            switch (val) {
+                case 0:
+                    text = this.$t('articleListEditor.journalType0');
+                    break;
+                case 1:
+                    text = this.$t('articleListEditor.journalType1');
+                    break;
+                case 3:
+                    text = this.$t('articleListEditor.journalType3');
+                    break;
+            }
+
+            return text;
+        },
+        expndChange(row, expandedRows) {
+            if (expandedRows.length) {
+                this.expands = [];
+                if (row) {
+                    this.expands.push(row.journal_id); // 每次push进去的是每行的ID
+                }
+            } else {
+                this.expands = []; // 默认不展开
+            }
+        },
+        getRowKeys(row) {
+            return row.journal_id;
+        },
+        changeBind(b) {
+            var BindInfo = b.selected == 0 ? this.$t('GroupClassification.BindInfo') : this.$t('GroupClassification.UnBindInfo');
+            this.$confirm(`${this.$t('GroupClassification.JournalBindInfo')} ${b.title}${BindInfo}`, '提示', {
+                confirmButtonText: this.$t('GroupClassification.submit'),
+                dangerouslyUseHTMLString: true,
+                cancelButtonText: this.$t('GroupClassification.cancel'),
+                type: 'warning'
+            })
+                .then(() => {
+                    var url = '';
+                    if (b.selected == 1) {
+                        url = this.urlList.unbind;
+                    } else if (b.selected == 0) {
+                        url = this.urlList.bind;
+                    }
+                    url;
+                    console.log('url at line 278:', url);
+                    this.$api
+                        .post(url, {
+                            journal_issn: b.issn,
+                            major_id: this.currentTreeData.major_id
+                        })
+                        .then(async (res) => {
+                            if (res.code == 0) {
+                                this.$message({
+                                    type: 'success',
+                                    message: res.msg
+                                });
+                            } else {
+                                this.$message({
+                                    type: 'error',
+                                    message: res.msg
+                                });
+                            }
+                        });
+
+                    this.$nextTick(async () => {
+                        setTimeout(async () => {
+                            await this.getAssociatedJournalList();
+                        }, 200);
+                    });
+                })
+                .catch(() => {
+                    // this.$message({
+                    //     type: 'info',
+                    //     message: this.$t('GroupClassification.cancel')
+                    // });
+                });
+        },
+        handleClose() {
+            this.drawer = false;
+            this.currentJournalStage = {};
+        },
+        handleCloseJournalInstallment() {
+            this.drawerJournalInstallment = false;
+            this.currentJournalStage = {};
+        },
+        handleEditClose() {
+            this.editDialogVisible1 = false;
+            this.currentJournalStage = {};
+            this.detailForm = {};
+        },
+        handleAgreementClose() {
+            this.drawerAgreement = false;
+            this.currentJournalStage = {};
+        },
+        getAssociatedJournalList() {
+            this.$api
+                .post(this.urlList.AssociatedJournalList, {
+                    major_id: this.currentTreeData.major_id
+                })
+                .then(async (res) => {
+                    if (res.code == 0) {
+                        this.AssociatedJournalList = res.data.list;
+                        console.log('this.AssociatedJournalList at line 234:', this.AssociatedJournalList);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        openEditJournal() {
+            var that = this;
+            // this.currentJournalStage = data;
+            this.detailForm = {
+                issn: this.currentJournal.issn,
+                // stage_icon: '11.jpg',
+
+                // stage_icon: data.stage_icon,
+                // stage_vol: data.stage_vol,
+                // stage_year: data.stage_year,
+                // stage_no: data.stage_no,
+                // stage_page: data.stage_page,
+                // issue_date: data.issue_date,
+                // stage_icon: data.stage_icon
+            };
+            this.editDialogVisible1 = true;
+            // this.$nextTick(() => {
+            //     that.$refs.commonClassRef.init();
+            // });
+        },
+        openJournalAgreement(data) {
+            var that = this;
+            this.currentJournal = data;
+            this.drawerAgreement = true;
+            this.$nextTick(() => {
+                that.$refs.commonAgreementRef.init();
+            });
+        },
+        renameKeys(obj, oldKey, newKey) {
+            if (obj[oldKey]) {
+                obj[newKey] = obj[oldKey];
+                delete obj[oldKey];
+            }
+            for (let k in obj) {
+                if (typeof obj[k] === 'object') {
+                    this.renameKeys(obj[k], oldKey, newKey);
+                }
+            }
+        },
+        // 获取数据
+        async getDate() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/Web/getStages', {
+                    journal_id: this.journal.journal_id
+                })
+                .then(async (res) => {
+                    if (res.code == 0) {
+                        this.JournalList = res.data.stages;
+                        loading.close();
+                    } else {
+                        this.$message.error(res.msg);
+                        loading.close();
+                    }
+
+                    this.$forceUpdate();
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                    loading.close();
+                });
+        },
+
+        // 增加千分位
+        numFormatter(num) {
+            let res = num;
+            if (num && num !== null) {
+                res = num.toString().replace(/\d+/, (n) => {
+                    return n.replace(/(\d)(?=(\d{3})+$)/g, ($1) => {
+                        return $1 + ',';
+                    });
+                });
+            }
+            return res;
+        },
+        cccc(a, b) {
+            // console.log(a);
+            // console.log(b);
+        },
+        mouseWheelDia() {
+            // bugfix 鼠标移入弹层，滚动鼠标不能缩放bug
+            this.isShowF = false;
+        },
+        Mouseover() {
+            // 鼠标移入缩放icon
+            this.bd = false;
+        },
+        Mouseout() {
+            // 鼠标移出缩放icon
+            this.bd = true;
+        },
+        clearDialog() {
+            // 关闭添加/编辑/删除弹层
+            this.dialogVisible = false;
+            this.dialogVisible2 = false;
+            this.ruleForm.major_title = '';
+        },
+        addOrEdit(val) {
+            // 点击添加/编辑
+            // 新增val：0，编辑val：1
+            this.dialogVisible = true;
+            this.isEdit = val;
+            // eslint-disable-next-line eqeqeq
+            if (val == 1) {
+                // 编辑回显
+                this.ruleForm = {
+                    major_title: this.currentTreeData.label,
+                    major_sort: this.currentTreeData.major_sort,
+                    major_id: this.currentTreeData.major_id,
+                    nickname: this.currentTreeData.nickname
+                };
+            } else {
+                this.ruleForm.pid = this.currentTreeData.major_id;
+            }
+        },
+        async confirm() {
+            // 添加/编辑的确定
+            this.$refs.ruleForm.validate(async (valid) => {
+                if (valid) {
+                    if (this.isEdit == 1) {
+                        // 编辑
+                        // this.ruleForm.major_title =
+                        // data.id = this.treeData.id;
+                        // this.currentTreeData.label = data.label;
+
+                        this.$api
+                            .post(this.urlList.edit, {
+                                major_title: this.ruleForm.major_title,
+                                major_id: this.ruleForm.major_id,
+                                major_sort: this.ruleForm.major_sort,
+                                nickname: this.ruleForm.nickname
+                            })
+                            .then(async (res) => {
+                                if (res.code == 0) {
+                                    this.$message({
+                                        type: 'success',
+                                        message: res.msg
+                                    });
+                                    this.clearDialog();
+                                } else {
+                                    this.$message({
+                                        type: 'error',
+                                        message: res.msg
+                                    });
+                                }
+                            });
+
+                        // 前端编辑数据
+
+                        // loading.close();
+                    } else {
+                        this.$api
+                            .post(this.urlList.add, {
+                                major_title: this.ruleForm.major_title,
+                                pid: this.ruleForm.pid,
+                                major_sort: this.ruleForm.major_sort,
+                                nickname: this.ruleForm.nickname
+                            })
+                            .then(async (res) => {
+                                if (res.code == 0) {
+                                    this.$message({
+                                        type: 'success',
+                                        message: res.msg
+                                    });
+                                    this.clearDialog();
+                                } else {
+                                    this.$message({
+                                        type: 'error',
+                                        message: res.msg
+                                    });
+                                }
+                            });
+                        // 添加
+                        // 前端添加数据,需要自己生成子级id,可以传数据的时候把最后一级id传过来,进行累加
+                        // data.id = this.lastId++;
+                        // // data.level = this.currentTreeData.level + 1;
+                        // data.label = this.ruleForm.major_title;
+                        // data.expand = true;
+                        // const render = (formData) => {
+                        //     formData.some((item) => {
+                        //         if (item.id === this.currentTreeData.id) {
+                        //             if (item.children) {
+                        //                 item.children.push(data);
+                        //             } else {
+                        //                 this.$set(item, 'children', [data]);
+                        //             }
+                        //         } else if (item.children) {
+                        //             render(item.children);
+                        //         }
+                        //     });
+                        // };
+                        // const arr = [this.data];
+                        // render(arr);
+                        // this.data = arr[0];
+
+                        // loading.close();
+                    }
+                    this.$nextTick(async () => {
+                        setTimeout(async () => {
+                            await this.getDate();
+                        }, 200);
+                    });
+                } else {
+                    // loading.close();
+                }
+            });
+        },
+        del() {
+            this.dialogVisible2 = true;
+        },
+        async confimdelete() {
+            // 是否确定删除当前节点
+            // 前端删除 遍历原数据,删除匹配id数据
+            this.$api
+                .post(this.urlList.delete, {
+                    major_id: this.currentTreeData.major_id
+                })
+                .then(async (res) => {
+                    if (res.code == 0) {
+                        this.$message({
+                            type: 'success',
+                            message: res.msg
+                        });
+                        this.clearDialog();
+                    } else {
+                        this.$message({
+                            type: 'error',
+                            message: res.msg
+                        });
+                    }
+
+                    this.$nextTick(async () => {
+                        setTimeout(async () => {
+                            await this.getDate();
+                        }, 200);
+                    });
+                });
+            // const deleteData = (data) => {
+            //     data.some((item, i) => {
+            //         if (item.id === this.currentTreeData.id) {
+            //             data.splice(i, 1);
+            //         } else if (item.children) {
+            //             deleteData(item.children);
+            //         }
+            //     });
+            // };
+            // const arr = [this.data];
+            // deleteData(arr);
+            // this.data = arr[0] ? arr[0] : {};
+            // this.dialogVisible2 = false;
+            // this.$message({
+            //     type: 'success',
+            //     message: '节点删除成功！'
+            // });
+        },
+        onMouseover(e, data) {
+            var collapse = localStorage.getItem('collapse');
+            var width = Number(e.clientX - (!collapse || collapse == 'false' ? 260 : 40));
+
+            // 鼠标移入树节点
+            this.currentTreeData = data; // 鼠标移入，该节点的所有数据
+
+            this.isShowF = true;
+            var floating = document.getElementsByClassName('floating')[0];
+            if (floating) {
+                floating.style.left = width + 'px';
+                floating.style.top = e.clientY - 80 + 'px';
+            }
+        },
+        onMouseout(e, data) {
+            // 鼠标移出树节点
+            this.isShowF = false;
+        },
+        renderContent(h, data) {
+            return data.label;
+        },
+        onExpand(e, data) {
+            // 节点展开收缩
+            // eslint-disable-next-line eqeqeq
+            if (data.leave == 1 && data.expand == true) {
+                // bugfix
+                var dom = document.getElementById('ddd');
+                (dom.style.top = '50%'), (dom.style.left = '8%');
+            }
+            if ('expand' in data) {
+                data.expand = !data.expand;
+                if (!data.expand && data.children) {
+                    this.collapse(data.children);
+                }
+            } else {
+                this.$set(data, 'expand', true);
+            }
+        },
+        collapse(list) {
+            list.forEach((child) => {
+                if (child.expand) {
+                    child.expand = false;
+                }
+
+                child.children && this.collapse(child.children);
+            });
+        },
+        toggleExpand(data, val) {
+            // 节点默认全部展开
+            var _this = this;
+            // console.log(data);
+            if (Array.isArray(data)) {
+                data.forEach(function (item) {
+                    _this.$set(item, 'expand', val);
+                    if (item.children) {
+                        _this.toggleExpand(item.children, val);
+                    }
+                });
+            } else {
+                this.$set(data, 'expand', val);
+                if (data.children) {
+                    _this.toggleExpand(data.children, val);
+                }
+            }
+        }
+    }
+};
+</script>
+<style lang="less" scoped>
+.floating {
+    background: rgba(0, 0, 0, 0.7);
+    box-shadow: rgba(0, 0, 0, 0.2);
+    width: auto;
+    // height: 45px;
+    line-height: 24px;
+    // display: flex;
+    // justify-content: space-around;
+    position: absolute;
+    color: #fff;
+    border-radius: 5px;
+    box-sizing: border-box;
+    left: 0;
+    top: 0;
+    transition: all 0.3s;
+    z-index: 999;
+    font-size: 12px;
+    padding: 6px;
+    span {
+        cursor: pointer;
+    }
+}
+</style>
+<style lang="less">
+.addOrEditDia,
+.delDia {
+    padding: 14px 18px 10px 18px;
+    border-radius: 4px !important;
+    .el-dialog__header {
+        display: flex;
+        justify-content: space-between;
+        padding: 20px 0 !important;
+    }
+    .el-dialog__body {
+        padding: 0;
+        padding-top: 20px;
+        // margin-top: 37px;
+    }
+    .el-dialog__footer {
+        padding: 27px 0 9px 0 !important;
+    }
+    .el-dialog__headerbtn {
+        position: static !important;
+    }
+}
+.bg-white {
+    background-color: white;
+}
+.bg-orange {
+    background-color: orange;
+}
+.bg-gold {
+    background-color: gold;
+}
+.bg-gray {
+    background-color: gray;
+}
+.bg-lightpink {
+    background-color: lightpink;
+}
+.bg-chocolate {
+    background-color: chocolate;
+}
+.bg-tomato {
+    background-color: tomato;
+}
+.outBox {
+    height: calc(100% - 100px) !important;
+    margin-top: 10px;
+    width: calc(100% - 40px) !important;
+    overflow: auto !important;
+}
+.tableExpand1 {
+    margin-top: 5px;
+    padding: 2px 0;
+    // padding-left: 40px;
+    box-sizing: border-box;
+    .title {
+        display: inline-block;
+        // width: 140px;
+        margin-right: 10px;
+        font-weight: 700 !important;
+        color: #333333de;
+    }
+    .item {
+        // margin-bottom: 4px;
+    }
+}
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 120px;
+    height: 120px;
+}
+
+.avatar-uploader_small {
+    height: 120px;
+}
+
+.avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 120px;
+    height: 120px;
+    line-height: 120px;
+    text-align: center;
+}
+
+.avatar-uploader_small .el-upload {
+    width: 80px;
+    height: 80px;
+}
+
+.avatar-uploader_small .avatar-uploader-icon {
+    line-height: 80px;
+    margin-left: -30px;
+}
+
+.avatar {
+    width: 120px;
+    height: 120px;
+    display: block;
+}
+</style>
diff --git a/src/components/page/JournalManagement/JournalManagement/all.vue b/src/components/page/JournalManagement/JournalManagement/all.vue
index 8b5cb2d..2fbbd81 100644
--- a/src/components/page/JournalManagement/JournalManagement/all.vue
+++ b/src/components/page/JournalManagement/JournalManagement/all.vue
@@ -3,7 +3,7 @@
        
 
        
-<commonTable :urlList="urlList">
+<commonTable :urlList="urlList" source="all">
 
 </commonTable>
         
diff --git a/src/components/page/JournalManagement/JournalManagement/common.vue b/src/components/page/JournalManagement/JournalManagement/common.vue
index 4c611b0..fb62fa9 100644
--- a/src/components/page/JournalManagement/JournalManagement/common.vue
+++ b/src/components/page/JournalManagement/JournalManagement/common.vue
@@ -10,12 +10,26 @@
                 header-cell-class-name="table-header"
                 empty-text="New messages (0)"
                 :row-key="getRowKeys"
-    :expand-row-keys="expands"
-    @expand-change="expndChange"
             >
-                <el-table-column type="expand" width="30">
+                <!-- <el-table-column type="expand" width="30">
                     <template slot-scope="scope">
-                        <div class="tableExpand">
+                     
+                    </template>
+                </el-table-column> -->
+                <!-- <el-table-column label="No." align="center" width="50">
+                    <template slot-scope="scop">
+                        {{ scop.$index + 1 }}
+                    </template>
+                    
+                </el-table-column> -->
+                <el-table-column prop="title" label="title">
+                    <template slot-scope="scope">
+                        <p>
+                            <span style="font-size: 16px !important; font-weight: 700 !important; color: rgb(51, 51, 51)">
+                                {{ scope.row.title }}</span
+                            >
+                        </p>
+                        <div class="tableExpand1">
                             <div class="item">
                                 <span class="title">{{ $t('JournalCitationAnalysis.abbr') }} :</span><span>{{ scope.row.abbr }}</span>
                             </div>
@@ -35,33 +49,85 @@
                         </div>
                     </template>
                 </el-table-column>
-                <!-- <el-table-column label="No." align="center" width="50">
-                    <template slot-scope="scop">
-                        {{ scop.$index + 1 }}
-                    </template>
-                    
-                </el-table-column> -->
-                <el-table-column prop="title" label="title">
+                <!-- <el-table-column prop="img" :label="$t('articleListEditor.coverImage')" width="100">
                     <template slot-scope="scope">
-                        <span style="font-weight: 700 !important; color: rgb(51, 51, 51)"> {{ scope.row.title }}</span>
+                        <div style="width: 80px; height: auto; padding: 4px; box-sizing: border-box">
+                            <img
+                                style="width: 100%; height: 100%"
+                                src="https://www.tmrjournals.com/public/journalstage/20240108/ffa43b1303c13d9dfa007dedc1903229.jpg"
+                                alt=""
+                            />
+                        </div>
+                    </template>
+                </el-table-column> -->
+                <el-table-column prop="issn" width="190" :label="$t('articleListEditor.type')">
+                    <template slot-scope="scope">
+                        <p style="color: rgb(0, 102, 153); font-weight: 700">
+                            {{ getCycle(scope.row.cycle) }}
+                        </p>
                     </template>
                 </el-table-column>
                 <el-table-column prop="issn" width="160" label="issn"></el-table-column>
 
-                <el-table-column label=" " width="200" align="center">
-                    <template slot-scope="scope"
+                <el-table-column label=" " width="180" align="center">
+                    <template slot-scope="scope">
+                        <p
+                            @click="
+                                openEditJournal({
+                                    ...scope.row
+                                })
+                            "
+                            style="
+                                background-color: #006699 !important;
+                                border-color: #006699 !important;
+                                cursor: pointer;
+                                padding: 2px 2px;
+                                font-weight: bold;
+                                border-radius: 4px;
+                                margin-bottom: 5px;
+                                color: #fff;
+                            "
                         >
-                        <span
+                            <i class="el-icon-edit" style="color: #fff"></i> {{ $t('articleListEditor.edit') }}
+                        </p>
+                        <p
+                            @click="
+                                openJournalInstallment({
+                                    ...scope.row
+                                })
+                            "
+                            style="
+                                background-color: #008cc9;
+                                color: #fff;
+                                cursor: pointer;
+                                padding: 2px 2px;
+                                font-weight: bold;
+                                border-radius: 4px;
+                                margin-bottom: 5px;
+                            "
+                        >
+                            <i class="el-icon-s-grid" style="color: #fff"></i> {{ $t('articleListEditor.JournalInstallment') }}
+                        </p>  <p
                             @click="
                                 openJournal({
                                     ...scope.row
                                 })
                             "
-                            style="background-color: #c2d4ff; color: #4665b0; cursor: pointer;padding: 2px 2px;font-weight: bold;;border-radius: 4px;"
+                            style=" background-color: #c2d4ff;
+                                color: #4665b0;
+                               
+                                cursor: pointer;
+                                padding: 2px 2px;
+                                font-weight: bold;
+                                border-radius: 4px;
+                                margin-bottom: 5px;
+                            "
                         >
-                         <i class="el-icon-connection" style="color: #4665b0;"></i>   {{ $t('menu.Classificationmanagement') }}
-                        </span>
-                        <span
+                            <i class="el-icon-connection" style="color: #4665b0"></i> {{ $t('menu.ClassificationmanagementInfo') }}
+                        </p>
+                      
+
+                        <p
                             @click="
                                 openJournalAgreement({
                                     ...scope.row
@@ -70,13 +136,59 @@
                             style="color: #006699 !important; cursor: pointer; margin-left: 6px"
                         >
                             <i class="el-icon-document"></i> {{ $t('sidebar.userManSys11') }}
-                        </span>
+                        </p>
                     </template>
                 </el-table-column>
             </el-table>
         </div>
-
+        <el-dialog :title="$t('GroupClassification.edit')" :visible.sync="editDialogVisible" width="600px" :before-close="handleEditClose">
+            <el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="165px">
+                <el-form-item label="Journal :">
+                    <p style="display: flex;align-items: center;justify-content: space-between;">
+                        <span>{{ detailForm.title }}</span>
+                    <span style="border-radius: 4px;padding: 0 4px;line-height: 24px;height: 24px;box-sizing: border-box;border: 1px solid rgb(0, 102, 153) !important; color: rgb(0, 102, 153);font-size: 12px">
+                        {{ getCycle(currentJournal.cycle) }}
+                    </span>  
+                    </p>
+                  
+                </el-form-item>
+                <!-- <el-form-item label="Cover Image :" prop="image">
+                    <el-upload class="avatar-uploader" ref="upIconIMg"
+							:action="baseUrl+'journalmaster/journal/up_file'" :show-file-list="false" name="journalicon"
+							:on-success="handleAvatarSuccess2" :on-error="handleAvatarError2"
+							:before-upload="beforeAvatarUpload2" >
+							<img v-if="detailForm.journalicon" :src="detailForm.journalicon" class="avatar" accept=".png,.jpg">
+							<i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                            
+						</el-upload>
+                </el-form-item> -->
+                <el-form-item label="Level :" prop="level">
+                    <el-select v-model="detailForm.level" placeholder="Please select">
+                        <el-option v-for="item in levelList" :key="item.title" :label="item.title" :value="item.title"> </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="Email :" prop="email">
+                    <el-input v-model="detailForm.email"></el-input>
+                </el-form-item>
+                <el-form-item label="Password :" prop="epassword">
+                    <el-input v-model="detailForm.epassword"></el-input>
+                </el-form-item>
+                <el-form-item label="Initial review score :" prop="kfen">
+                    <el-input-number v-model="detailForm.kfen" :min="0" v-if="source == 'all'"></el-input-number>
+                    <span v-else>{{ detailForm.kfen }}</span>
+                </el-form-item>
+                <!-- 简介 -->
+                <el-form-item label="Introduction :" prop="scope">
+                    <el-input type="textarea" rows="5" v-model="detailForm.scope"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="handleEditClose()">{{ $t('GroupClassification.cancel') }}</el-button>
+                <el-button type="primary" @click="handleEdit()">{{ $t('GroupClassification.submit') }}</el-button>
+            </span>
+        </el-dialog>
         <el-drawer
+        append-to-body
             destroy-on-close
             :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
             :visible.sync="drawer"
@@ -87,6 +199,18 @@
             <commonclass ref="commonClassRef" :journal="currentJournal" :urlList="urlList"></commonclass>
         </el-drawer>
         <el-drawer
+            destroy-on-close
+            :append-to-body="true"
+            :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
+            :visible.sync="drawerJournalInstallment"
+            direction="rtl"
+            :before-close="handleCloseJournalInstallment"
+            size="90%"
+        >
+            <commonJournalInstallment ref="commonJournalInstallmentRef" :journal="currentJournal" :urlList="urlList"></commonJournalInstallment>
+        </el-drawer>
+        <el-drawer
+        append-to-body
             destroy-on-close
             :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
             :visible.sync="drawerAgreement"
@@ -103,14 +227,16 @@
 import OrgTree from '@/components/org-tree';
 import commonclass from './class.vue';
 import commonAgreement from './agreement.vue';
+import commonJournalInstallment from '../JournalInstallment/index.vue';
 import bus from '@/components/common/bus';
 export default {
     name: 'app',
-    props: ['urlList'],
+    props: ['urlList', 'source'],
     components: {
         OrgTree,
         commonclass,
-        commonAgreement
+        commonAgreement,
+        commonJournalInstallment
     },
     directives: {
         focus: {
@@ -121,12 +247,26 @@ export default {
     },
     data() {
         return {
+            baseUrl: this.Common.baseUrl,
             activeNames: [],
-      expands: [],
+            detailForm: {},
+            levelList: [
+                {
+                    title: 'A'
+                },
+                {
+                    title: 'B'
+                },
+                {
+                    title: 'C'
+                }
+            ],
+            expands: [],
             edit_id: localStorage.getItem('U_id'),
             AssociatedJournalList: [],
             JournalList: [],
             drawer: false,
+            drawerJournalInstallment: false,
             drawerAgreement: false,
             bd: true,
             ruleForm: {
@@ -134,9 +274,52 @@ export default {
                 nickname: ''
             },
             rules: {
-                major_title: [{ required: true, message: this.$t('GroupClassification.enter'), trigger: 'change' }]
-                // nickname: [{ required: true, message: this.$t('GroupClassification.enter'), trigger: 'change' }]
+                level: [
+                    {
+                        required: true,
+                        message: 'please select level',
+                        trigger: 'blur'
+                    }
+                ],
+                epassword: [
+                    {
+                        required: true,
+                        message: 'Please input re-password',
+                        trigger: 'blur'
+                    }
+                ],
+                kfen: [
+                    {
+                        required: true,
+                        message: 'Please input initial review score',
+                        trigger: 'blur'
+                    }
+                ],
+                // scope: [{
+                // 	required: true,
+                // 	message: 'Please input journal introduction',
+                // 	trigger: 'blur'
+                // }],
+                email: [
+                    {
+                        required: true,
+                        message: 'Please input email',
+                        trigger: 'blur'
+                    },
+                    {
+                        validator: function (rule, value, callback) {
+                            if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
+                                callback(new Error('Please enter the correct email format'));
+                            } else {
+                                callback();
+                            }
+                        },
+                        trigger: 'blur'
+                    }
+                ]
             },
+
+            editDialogVisible: false,
             dialogVisible: false,
             dialogVisible2: false,
             isShowF: false,
@@ -173,19 +356,77 @@ export default {
         await this.getDate();
     },
     methods: {
+        beforeAvatarUpload2(file) {
+            const isLt2M = file.size / 1024 / 1024 < 1;
+            if (!isLt2M) {
+                this.$message.error('Picture size cannot exceed 1M!');
+            }
+            return isLt2M;
+        },
+        handleAvatarError2(res, file) {
+            // this.$message.error(res);
+        },
+        //上传图片
+        handleAvatarSuccess2(res, file) {
+            if (res.code == 0) {
+                this.detailForm.journalicon = res.upurl;
+            }
+        },
+        handleEdit() {
+            this.$refs.detail_form.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Journal/editJournal', this.detailForm)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('Change Success!');
+                                this.editDialogVisible = false;
+                                this.getDate();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            console.log(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        selectType(val) {
+            console.log('val at line 193:', val);
+        },
+        getCycle(val) {
+            var text = '';
+            switch (val) {
+                case 0:
+                    text = this.$t('articleListEditor.journalType0');
+                    break;
+                case 1:
+                    text = this.$t('articleListEditor.journalType1');
+                    break;
+                case 3:
+                    text = this.$t('articleListEditor.journalType3');
+                    break;
+            }
+
+            return text;
+        },
         expndChange(row, expandedRows) {
-      if (expandedRows.length) {
-        this.expands = []
-        if (row) {
-          this.expands.push(row.journal_id) // 每次push进去的是每行的ID
-        }
-      } else {
-        this.expands = [] // 默认不展开
-      }
-    },
-    getRowKeys(row) {
-      return row.journal_id
-    },
+            if (expandedRows.length) {
+                this.expands = [];
+                if (row) {
+                    this.expands.push(row.journal_id); // 每次push进去的是每行的ID
+                }
+            } else {
+                this.expands = []; // 默认不展开
+            }
+        },
+        getRowKeys(row) {
+            return row.journal_id;
+        },
         changeBind(b) {
             var BindInfo = b.selected == 0 ? this.$t('GroupClassification.BindInfo') : this.$t('GroupClassification.UnBindInfo');
             this.$confirm(`${this.$t('GroupClassification.JournalBindInfo')} ${b.title}${BindInfo}`, '提示', {
@@ -239,6 +480,15 @@ export default {
             this.drawer = false;
             this.currentJournal = {};
         },
+        handleCloseJournalInstallment() {
+            this.drawerJournalInstallment = false;
+            this.currentJournal = {};
+        },
+        handleEditClose() {
+            this.editDialogVisible = false;
+            this.currentJournal = {};
+            this.detailForm = {};
+        },
         handleAgreementClose() {
             this.drawerAgreement = false;
             this.currentJournal = {};
@@ -268,6 +518,40 @@ export default {
                 that.$refs.commonClassRef.init();
             });
         },
+        openJournalInstallment(data) {
+        //    this.$router.push({
+        //        path: '/JournalInstallment',
+        //        query: {
+        //            journal_id: data.journal_id
+        //        }
+
+        //    })
+
+
+        var that = this;
+            this.currentJournal = data;
+            this.drawerJournalInstallment = true;
+            this.$nextTick(() => {
+                that.$refs.commonJournalInstallmentRef.init();
+            });
+        },
+        openEditJournal(data) {
+            var that = this;
+            this.currentJournal = data;
+            this.detailForm = {
+                journal_id: data.journal_id,
+                title: data.title,
+                level: data.level,
+                email: data.email,
+                epassword: data.epassword,
+                kfen: data.kfen,
+                scope: data.scope
+            };
+            this.editDialogVisible = true;
+            // this.$nextTick(() => {
+            //     that.$refs.commonClassRef.init();
+            // });
+        },
         openJournalAgreement(data) {
             var that = this;
             this.currentJournal = data;
@@ -638,19 +922,62 @@ export default {
     width: calc(100% - 40px) !important;
     overflow: auto !important;
 }
-.tableExpand {
-    padding: 10px 20px;
-    padding-left: 40px;
+.tableExpand1 {
+    margin-top: 5px;
+    padding: 2px 0;
+    // padding-left: 40px;
     box-sizing: border-box;
     .title {
         display: inline-block;
         // width: 140px;
         margin-right: 10px;
         font-weight: 700 !important;
-        color: rgb(51, 51, 51);
+        color: #333333de;
     }
     .item {
-        margin-bottom: 10px;
+        // margin-bottom: 4px;
     }
 }
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 120px;
+    height: 120px;
+}
+
+.avatar-uploader_small {
+    height: 120px;
+}
+
+.avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 120px;
+    height: 120px;
+    line-height: 120px;
+    text-align: center;
+}
+
+.avatar-uploader_small .el-upload {
+    width: 80px;
+    height: 80px;
+}
+
+.avatar-uploader_small .avatar-uploader-icon {
+    line-height: 80px;
+    margin-left: -30px;
+}
+
+.avatar {
+    width: 120px;
+    height: 120px;
+    display: block;
+}
 </style>
diff --git a/src/components/page/JournalManagement/JournalManagement/index.vue b/src/components/page/JournalManagement/JournalManagement/index.vue
index 76d5c33..ec6a877 100644
--- a/src/components/page/JournalManagement/JournalManagement/index.vue
+++ b/src/components/page/JournalManagement/JournalManagement/index.vue
@@ -3,7 +3,7 @@
        
 
        
-<commonTable :urlList="urlList">
+<commonTable :urlList="urlList" source="index">
 
 </commonTable>
         
diff --git a/src/components/page/articleListEditor_C.vue b/src/components/page/articleListEditor_C.vue
index c5ae6e4..4869f53 100644
--- a/src/components/page/articleListEditor_C.vue
+++ b/src/components/page/articleListEditor_C.vue
@@ -1,340 +1,516 @@
 <template>
-	<div>
-		<div class="handle-box">
-			<el-select v-model="query.issn" @change="getNoralDate" placeholder="Please select journal"
-				style="width: 500px;">
-				<el-option v-for="item in jourList" :key="item.issn" :label="item.title" :value="item.issn">
-				</el-option>
-			</el-select>
-		</div>
-
-		<div v-for="(item,index) in tableData">
-			<div style="margin: 30px 0 20px 10px;">
-				<b style="letter-spacing: -0.5px;">
-					{{item.stage_year}} Vol.{{item.stage_vol}} issue.{{item.stage_no}}
-				</b>
-				<span style="color: #888;margin-left: 20px;font-size: 14px;">({{item.articles.length}} articles in
-					total)</span>
-				<el-button @click="Chukan(item)" type="warning" plain size="mini" style="margin-left: 20px;">
-					Issue in advance
-				</el-button>
-			</div>
-			<div v-for="(item,index) in item.articles" class="actList">
-				<span>{{item.npp}}.</span>
-				<font @click="lookView(item)">{{item.title}}</font>
-				<!-- <span style="margin-left: 30px;color: #aaa;">sort:</span>
+    <div>
+        <div class="handle-box">
+            <el-select v-model="query.issn" @change="selectJournal" placeholder="Please select journal" style="width: 500px">
+                <el-option v-for="item in jourList" :key="item.issn" :label="item.title" :value="item.issn">
+                    <span style="float: left">{{ item.title }}</span>
+                    <span
+                        style="
+                            float: right;
+                            height: 20px;
+                            line-height: 20px;
+                            border-radius: 4px;
+                            color: #8492a6;
+                            font-size: 12px;
+                            padding: 0 5px;
+                            margin-top: calc((34px - 20px) / 2);
+                            color: #fff ;
+                            background: #006699 ;
+                            border: 1px solid #006699 ;
+                            display: inline-block;
+                        "
+                        v-if="item.cycle == 0"
+                        >{{ $t('articleListEditor.Continuouspublication') }}</span
+                    >
+                </el-option>
+            </el-select><span
+                        style="
+                            float: right;
+                            height: 20px;
+                            line-height: 20px;
+                            border-radius: 4px;
+                            color: #8492a6;
+                            font-size: 12px;
+                            padding: 0 5px;
+                            margin-top: calc((34px - 20px) / 2);
+                            color: #fff ;
+                            background: #006699 ;
+                            border: 1px solid #006699 ;
+                            display: inline-block;
+                        "
+                        v-if="currentJournal.cycle == 0"
+                        >{{ $t('articleListEditor.Continuouspublication') }}</span
+                    >
+        </div>
+		
+        <template v-if="currentJournal.cycle != 0">
+            <div v-for="(item, index) in tableData">
+                <div style="margin: 30px 0 20px 10px">
+                    <b style="letter-spacing: -0.5px"> {{ item.stage_year }} Vol.{{ item.stage_vol }} issue.{{ item.stage_no }} </b>
+                    <span style="color: #888; margin-left: 20px; font-size: 14px">({{ item.articles.length }} articles in total)</span>
+                    <el-button @click="Chukan(item)" type="warning" plain size="mini" style="margin-left: 20px">
+                        Issue in advance
+                    </el-button>
+                </div>
+                <div v-for="(item, index) in item.articles" class="actList">
+                    <span>{{ item.npp }}.</span>
+                    <font @click="lookView(item)">{{ item.title }}</font>
+                    <!-- <span style="margin-left: 30px;color: #aaa;">sort:</span>
 				<b class="sort">{{item.sort}}</b>
 				<i class="el-icon-edit ediCon" @click="changSort(item)"></i> -->
-			</div>
-			<p style="height: 1px;background-color: #eee;width: 100%;margin-top: 30px;"></p>
-		</div>
-		<div v-if="tableData.length==0" style="margin: 40px 0 10px 10px;">
-			No Article
-		</div>
+                </div>
+                <p style="height: 1px; background-color: #eee; width: 100%; margin-top: 30px"></p>
+            </div>
+            <div v-if="tableData.length == 0" style="margin: 40px 0 10px 10px">No Article</div>
+        </template>
+        <template v-else-if="currentJournal.cycle == 0">
+            <div v-for="(item, index) in tableData">
+                <div style="margin: 30px 0 20px 10px">
+                    <b style="letter-spacing: -0.5px"> {{ item.stage_year }} </b>
+                    <span style="color: #888; margin-left: 20px; font-size: 14px">({{ item.articles.length }} articles in total)</span>
+                </div>
+                <div v-for="(item, index) in item.articles" class="actList" style="overflow: hidden">
+                    <div style="float: left; width: calc(100% - 140px)">
+                        <span>{{ index + 1 }}.</span>
+                        <font @click="lookView(item)">{{ item.title }}</font>
+                    </div>
 
+                    <el-button @click="Chukan0(item)" type="warning" plain size="mini" style="float: right"> Issue in advance </el-button>
+                    <!-- <span style="margin-left: 30px;color: #aaa;">sort:</span>
+				<b class="sort">{{item.sort}}</b>
+				<i class="el-icon-edit ediCon" @click="changSort(item)"></i> -->
+                </div>
+                <p style="height: 1px; background-color: #eee; width: 100%; margin-top: 30px"></p>
+            </div>
+            <div v-if="tableData.length == 0" style="margin: 40px 0 10px 10px">No Article</div>
+        </template>
+        <!-- 权重弹出框 -->
+        <el-dialog title="Change Sort" :visible.sync="sortVisible" width="500px">
+            <el-form ref="remark" :model="sortForm" label-width="70px">
+                <el-form-item label="Title :">
+                    <p style="line-height: 20px; margin-top: 6px">{{ sortForm.title }}</p>
+                </el-form-item>
+                <el-form-item label="Sort :">
+                    <el-input-number v-model="sortForm.sort" :min="0"></el-input-number>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="sortVisible = false">Cancel</el-button>
+                <el-button type="primary" @click="saveSort">Save</el-button>
+            </span>
+        </el-dialog>
 
-		<!-- 权重弹出框 -->
-		<el-dialog title="Change Sort" :visible.sync="sortVisible" width="500px">
-			<el-form ref="remark" :model="sortForm" label-width="70px">
-				<el-form-item label="Title :">
-					<p style="line-height: 20px;margin-top: 6px;">{{sortForm.title}}</p>
-				</el-form-item>
-				<el-form-item label="Sort :">
-					<el-input-number v-model="sortForm.sort" :min="0"></el-input-number>
-				</el-form-item>
-			</el-form>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="sortVisible = false">Cancel</el-button>
-				<el-button type="primary" @click="saveSort">Save</el-button>
-			</span>
-		</el-dialog>
-
-
-		<!-- 数据库进度条弹出框 -->
-		<el-dialog title="" :close-on-click-modal="false" :show-close="false" :visible.sync="pubVisible" width="400px">
-			<div style="margin: 0 20px;" v-if="re_finsh==1">
-				<img src="../../assets/img/Fidget-spinner.gif"
-					style="width: 80px;float: left;margin:10px 50px 150px 20px;">
-				<div style="float: left;height: 150px;">
-					<transition name="el-fade-in-linear" v-for="(item,index) in referData">
-						<div v-show="item.ishow" class="transition-box ref_font">
-							{{ item.name }}
-							<img src="../../assets/img/Fidget-finsh.png"
-								style="margin-left:10px;vertical-align: text-top;">
-						</div>
-					</transition>
-				</div>
-				<br clear="both">
-			</div>
-			<div v-if="re_finsh==0" style="text-align: center;">
-				<img src="../../assets/img/Fidget-right.png" alt="" style="width: 120px;">
-				<p style="font-size: 16px;margin: 20px 0 50px 0;">Successfully uploaded the database!</p>
-			</div>
-		</el-dialog>
-
-	</div>
+        <!-- 数据库进度条弹出框 -->
+        <el-dialog title="" :close-on-click-modal="false" :show-close="false" :visible.sync="pubVisible" width="400px">
+            <div style="margin: 0 20px" v-if="re_finsh == 1">
+                <img src="../../assets/img/Fidget-spinner.gif" style="width: 80px; float: left; margin: 10px 50px 150px 20px" />
+                <div style="float: left; height: 150px">
+                    <transition name="el-fade-in-linear" v-for="(item, index) in referData">
+                        <div v-show="item.ishow" class="transition-box ref_font">
+                            {{ item.name }}
+                            <img src="../../assets/img/Fidget-finsh.png" style="margin-left: 10px; vertical-align: text-top" />
+                        </div>
+                    </transition>
+                </div>
+                <br clear="both" />
+            </div>
+            <div v-if="re_finsh == 0" style="text-align: center">
+                <img src="../../assets/img/Fidget-right.png" alt="" style="width: 120px" />
+                <p style="font-size: 16px; margin: 20px 0 50px 0">Successfully uploaded the database!</p>
+            </div>
+        </el-dialog>
+    </div>
 </template>
 <script>
-	import {
-		Loading
-	} from 'element-ui';
-	export default {
-		data() {
-			return {
-				baseUrl: this.Common.baseUrl,
-				mediaUrl: this.Common.mediaUrl,
-				query: {
-					username: localStorage.getItem('U_name'),
-					issn: 0,
-				},
-				sortForm: {},
-				tableData: [],
-				jourList: [],
-				pubVisible: false,
-				sortVisible: false,
-				re_finsh: 1,
-				referData: [{
-					name: 'J-Gate',
-					state: '0',
-					ishow: false
-				}, {
-					name: '超星',
-					state: '0',
-					ishow: false
-				}, {
-					name: '万方',
-					state: '0',
-					ishow: false
-				}, {
-					name: '维普',
-					state: '0',
-					ishow: false
-				}, {
-					name: 'PORTICO',
-					state: '0',
-					ishow: false
-				}, {
-					name: 'Cnki scholar',
-					state: '0',
-					ishow: false
-				}],
-			};
-		},
-		mounted() {
+import { Loading, Select } from 'element-ui';
+export default {
+    data() {
+        return {
+            baseUrl: this.Common.baseUrl,
+            mediaUrl: this.Common.mediaUrl,
+            query: {
+                username: localStorage.getItem('U_name'),
+                issn: 0
+            },
+            currentJournal: {},
+            sortForm: {},
+            tableData: [],
+            jourList: [],
+            pubVisible: false,
+            sortVisible: false,
+            re_finsh: 1,
+            referData: [
+                {
+                    name: 'J-Gate',
+                    state: '0',
+                    ishow: false
+                },
+                {
+                    name: '超星',
+                    state: '0',
+                    ishow: false
+                },
+                {
+                    name: '万方',
+                    state: '0',
+                    ishow: false
+                },
+                {
+                    name: '维普',
+                    state: '0',
+                    ishow: false
+                },
+                {
+                    name: 'PORTICO',
+                    state: '0',
+                    ishow: false
+                },
+                {
+                    name: 'Cnki scholar',
+                    state: '0',
+                    ishow: false
+                }
+            ]
+        };
+    },
+    mounted() {},
+    created() {
+        this.getDate();
+    },
+    methods: {
+        // 获取数据
+        getDate() {
+            this.$api
+                .post('api/Article/getJournal', {
+                    // username: this.query.username
+                })
+                .then((res) => {
+                    this.jourList = res;
+                    if (localStorage.getItem('U_pointJour') == null) {
+                        this.query.issn = this.jourList[0].issn;
 
-		},
-		created() {
-			this.getDate()
-		},
-		methods: {
-			// 获取数据
-			getDate() {
-				this.$api
-					.post('api/Article/getJournal', {
-						'username': this.query.username
-					})
-					.then(res => {
-						this.jourList = res;
-						if (localStorage.getItem('U_pointJour') == null) {
-							this.query.issn = this.jourList[0].issn
-							this.getNoralDate();
-						} else {
-							this.getJourDate();
-						}
+                        this.currentJournal = this.jourList[0];
+                        if (this.currentJournal.cycle != 0) {
+                            this.getNoralDate();
+                        } else {
+                            this.getNoralDate0();
+                        }
+                    } else {
+                        if (this.currentJournal.cycle != 0) {
+                            this.getNoralDate();
+                        } else {
+                            this.getNoralDate0();
+                        }
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+        selectJournal(v) {
+            console.log('e at line 155:', v);
+            this.tableData = [];
+            this.currentJournal = this.jourList.find((e) => e.issn == v);
 
-					})
-					.catch(err => {
-						console.log(err);
-					});
-			},
+            if (this.currentJournal.cycle != 0) {
+                this.getNoralDate();
+            } else {
+                this.getNoralDate0();
+            }
+        },
+        getNoralDate0() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/Journal/getJournalStageLX', {
+                    journal_id: this.currentJournal.journal_id
+                })
+                .then((res) => {
+                    console.log('res at line 175:', res);
+                    var JournalStageLX = res.data.detail ? res.data.detail : {};
+                    this.getNoralDate0Article(JournalStageLX, loading);
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
+        getNoralDate0Article(data, loading) {
+            this.$api
+                .post('api/Journal/getJournalStageArticles', {
+                    journal_id: this.currentJournal.journal_id
+                })
+                .then((res) => {
+                    console.log('res at line 175:', res);
+                    if (res.data.list.length > 0) {
+                        this.tableData = [{ ...data, articles: res.data.list }];
+                    } else {
+                        this.tableData = [];
+                    }
+                    this.$forceUpdate();
+                    loading.close();
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
+        getNoralDate() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/Publish/getOnlineList', {
+                    issn: this.query.issn
+                })
+                .then((res) => {
+                    this.tableData = res.data.stages;
+                    loading.close();
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
 
-			getNoralDate() {
-				const loading = this.$loading({
-					lock: true,
-					text: 'Loading...',
-					spinner: 'el-icon-loading',
-					background: 'rgba(0, 0, 0, 0.7)'
-				});
-				this.$api
-					.post('api/Publish/getOnlineList', {
-						'issn': this.query.issn
-					})
-					.then(res => {
-						this.tableData = res.data.stages
-						loading.close();
-					})
-					.catch(err => {
-						console.log(err);
-						loading.close();
-					});
-			},
+        getJourDate() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/Journal/getJournalDetail', {
+                    journal_id: localStorage.getItem('U_pointJour')
+                })
+                .then((res) => {
+                    this.query.issn = res.data.journal.issn;
+                    localStorage.removeItem('U_pointJour');
 
-			getJourDate() {
-				const loading = this.$loading({
-					lock: true,
-					text: 'Loading...',
-					spinner: 'el-icon-loading',
-					background: 'rgba(0, 0, 0, 0.7)'
-				});
-				this.$api
-					.post('api/Journal/getJournalDetail', {
-						'journal_id': localStorage.getItem('U_pointJour')
-					})
-					.then(res => {
-						this.query.issn = res.data.journal.issn
-						localStorage.removeItem('U_pointJour')
+                    this.$api
+                        .post('api/Publish/getOnlineList', {
+                            issn: this.query.issn
+                        })
+                        .then((res) => {
+                            this.tableData = res.data.stages;
+                            loading.close();
+                        })
+                        .catch((err) => {
+                            console.log(err);
+                            loading.close();
+                        });
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
+
+        // 出刊
+        Chukan0(e) {
+            this.pubVisible = false;
+            this.re_finsh = false;
+            // 二次确认
+            let confirmText = [this.$t('articleListEditor.publishInfo')];
+            let newDatas = [];
+            let h = this.$createElement;
+            for (let i in confirmText) {
+                newDatas.push(h('p', null, confirmText[i]));
+            }
+            this.$confirm('Tips', {
+                title: 'Tips',
+                message: h('div', null, newDatas),
+                showCancelButton: true,
+                confirmButtonText: 'OK',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            })
+                .then(() => {
+                    // 弹出框
+                    this.pubVisible = true;
+                    this.re_finsh = 1;
+
+                    // 延迟效果
+                    // 延迟效果
+                    for (let i = 0; i < this.referData.length; i++) {
+                        setTimeout(() => {
+                            this.referData[i].ishow = true;
+                        }, 1000 * (i + 1));
+                    }
+
+                    setTimeout(() => {
+                        for (let i = 0; i < this.referData.length; i++) {
+                            this.referData[i].ishow = false;
+                        }
+                        this.re_finsh = 0;
+                    }, 1000 * (this.referData.length + 1) + 1000);
+                    setTimeout(() => {
+                        this.pubVisible = false;
 
 						this.$api
-							.post('api/Publish/getOnlineList', {
-								'issn': this.query.issn
-							})
-							.then(res => {
-								this.tableData = res.data.stages
-								loading.close();
-							})
-							.catch(err => {
-								console.log(err);
-								loading.close();
-							});
-					})
-					.catch(err => {
-						console.log(err);
-						loading.close();
-					});
-			},
+                        .post('api/Journal/pushArticleToPublic', {
+                            article_id: e.article_id
+                        })
+                        .then((res) => {
+                            console.log('res at line 330:', res);
 
+                            if (res.code == 0) {
+                                this.$message.success('Successfully!');
+								setTimeout(()=>{
+  this.getNoralDate0();
+								},500)
+                              
+                            } else {
+                             
+                                 
+                                    this.$message.error(res.data.msg);
+                              
+                            }
+                        })
+                        .catch((err) => {
+                            // this.$message.error('Fail!');
+                            this.$message.success('Successfully!');
+                            this.getNoralDate0();
+                        });
+                    }, 1000 * (this.referData.length + 1) + 2000);
 
-			// 出刊
-			Chukan(e) {
-				// 二次确认
-				let confirmText = ['Are you sure want to publish the stages of', e.stage_year + ' Vol.' + e
-					.stage_vol + ' issue.' + e.stage_no + ' ?'
-				]
-				let newDatas = []
-				let h = this.$createElement
-				for (let i in confirmText) {
-					newDatas.push(h('p', null, confirmText[i]))
-				}
-				this.$confirm(
-					'Tips', {
-						title: 'Tips',
-						message: h('div', null, newDatas),
-						showCancelButton: true,
-						confirmButtonText: 'OK',
-						cancelButtonText: 'Cancel',
-						type: 'warning'
-					}
-				).then(() => {
-					// 弹出框
-					this.pubVisible = true;
-					this.re_finsh = 1
+                  
+                })
+                .catch(() => {});
+        },
+        Chukan(e) {
+            // 二次确认
+            let confirmText = [
+                'Are you sure want to publish the stages of',
+                e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + ' ?'
+            ];
+            let newDatas = [];
+            let h = this.$createElement;
+            for (let i in confirmText) {
+                newDatas.push(h('p', null, confirmText[i]));
+            }
+            this.$confirm('Tips', {
+                title: 'Tips',
+                message: h('div', null, newDatas),
+                showCancelButton: true,
+                confirmButtonText: 'OK',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            })
+                .then(() => {
+                    // 弹出框
+                    this.pubVisible = true;
+                    this.re_finsh = 1;
 
-					// 延迟效果
-					for (let i = 0; i < this.referData.length; i++) {
-						setTimeout(() => {
-							this.referData[i].ishow = true
-						}, 1000 * (i + 1));
-					}
-					
-					setTimeout(() => {
-						for (let i = 0; i < this.referData.length; i++) {
-							this.referData[i].ishow = false
-						}
-						this.re_finsh = 0
-					}, 1000 * (this.referData.length + 1) + 1000);
-					setTimeout(() => {
-						this.pubVisible = false
-					}, 1000 * (this.referData.length + 1) + 2000);
+                    // 延迟效果
+                    for (let i = 0; i < this.referData.length; i++) {
+                        setTimeout(() => {
+                            this.referData[i].ishow = true;
+                        }, 1000 * (i + 1));
+                    }
 
-					this.$api
-						.post('api/Publish/pushPublish', {
-							'journal_stage_id': e.journal_stage_id
-						})
-						.then(res => {
-							this.$message.success('Successfully!');
-							this.getDate();
-						})
-						.catch(err => {
-							// this.$message.error('Fail!');
-							this.$message.success('Successfully!');
-							this.getDate();
-						});
+                    setTimeout(() => {
+                        for (let i = 0; i < this.referData.length; i++) {
+                            this.referData[i].ishow = false;
+                        }
+                        this.re_finsh = 0;
+                    }, 1000 * (this.referData.length + 1) + 1000);
+                    setTimeout(() => {
+                        this.pubVisible = false;
+                    }, 1000 * (this.referData.length + 1) + 2000);
 
-				}).catch(() => {
+                    this.$api
+                        .post('api/Publish/pushPublish', {
+                            journal_stage_id: e.journal_stage_id
+                        })
+                        .then((res) => {
+                            this.$message.success('Successfully!');
+                            this.getDate();
+                        })
+                        .catch((err) => {
+                            // this.$message.error('Fail!');
+                            this.$message.success('Successfully!');
+                            this.getDate();
+                        });
+                })
+                .catch(() => {});
+        },
 
-				})
-			},
+        // 跳转页面
+        lookView(e) {
+            let urlBlan = 'https://www.tmrjournals.cn/article.html?J_num=' + e.journal_id + '&a_id=' + e.article_id;
+            window.open(urlBlan, '_blank');
+        },
 
-			// 跳转页面
-			lookView(e) {
-				let urlBlan = 'https://www.tmrjournals.cn/article.html?J_num=' + e.journal_id + '&a_id=' + e
-					.article_id
-				window.open(urlBlan, '_blank')
-			},
+        // 修改权重
+        changSort(e) {
+            this.sortForm = e;
+            this.sortVisible = true;
+        },
 
-			// 修改权重
-			changSort(e) {
-				this.sortForm = e
-				this.sortVisible = true
-			},
-
-			// 保存权重
-			saveSort() {
-				this.$api
-					.post('api/Publish/editArticle', this.sortForm)
-					.then(res => {
-						if (res.code == 0) {
-							this.sortVisible = false
-							this.$message.success('Successfully!');
-							this.getDate();
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-
-		}
-	}
+        // 保存权重
+        saveSort() {
+            this.$api
+                .post('api/Publish/editArticle', this.sortForm)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.sortVisible = false;
+                        this.$message.success('Successfully!');
+                        this.getDate();
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        }
+    }
+};
 </script>
 <style scoped>
-	.handle-box {
-		margin-bottom: 10px;
-	}
+.handle-box {
+    margin-bottom: 10px;
+}
 
-	.actList {
-		font-size: 15px;
-		line-height: 28px;
-		margin-bottom: 15px;
-		color: #333;
-		margin-left: 10px;
+.actList {
+    font-size: 15px;
+    line-height: 28px;
+    margin-bottom: 15px;
+    color: #333;
+    margin-left: 10px;
+}
 
-	}
+.actList font:hover {
+    cursor: pointer;
+    text-decoration: underline;
+}
 
-	.actList font:hover {
-		cursor: pointer;
-		text-decoration: underline;
-	}
+.actList b.sort {
+    margin-left: 10px;
+    color: #006699;
+}
 
-	.actList b.sort {
-		margin-left: 10px;
-		color: #006699;
-	}
+.actList i.ediCon {
+    margin-left: 10px;
+    color: #006699;
+}
 
-	.actList i.ediCon {
-		margin-left: 10px;
-		color: #006699;
-	}
+.actList i.ediCon:hover {
+    cursor: pointer;
+    text-decoration: underline;
+}
 
-	.actList i.ediCon:hover {
-		cursor: pointer;
-		text-decoration: underline;
-	}
-
-	.ref_font {
-		margin-bottom: 15px;
-		font-size: 16px;
-	}
+.ref_font {
+    margin-bottom: 15px;
+    font-size: 16px;
+}
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index 3a7684c..330896f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -830,6 +830,13 @@ export default new Router({
 				title: 'Group List'
 			}
 		},
+		{
+			path: '/JournalInstallment', //分期列表
+			component: () => import('../components/page/JournalManagement/JournalInstallment/index.vue'),
+			meta: {
+				title: 'Journal Installment'
+			}
+		},
 		{
 			path: '/JournalManagement', //用户列表
 			component: () => import('../components/page/JournalManagement/JournalManagement/index.vue'),