html

src/components/page/JournalManagement/JournalManagement/common.vue

@@ -46,6 +46,9 @@
                             <div class="item">
                                 <span class="title">{{ $t('JournalCitationAnalysis.level') }} :</span><span>{{ scope.row.level }}</span>
                             </div>
+                            <div class="item" v-if="scope.row.journal_topic">
+                                <span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span><span>{{ scope.row.journal_topic }}</span>
+                            </div>
                         </div>
                     </template>
                 </el-table-column>
@@ -192,6 +195,25 @@
                     <el-input-number v-model="detailForm.fee" :min="0" v-if="source == 'all'"></el-input-number>
                     <span v-else>{{ detailForm.fee }}</span>
                 </el-form-item>
+                <el-form-item label="Research areas :" prop="ResearchAreas">
+                    <el-button @click="addArea" size="mini" type="primary" plain style="position: absolute; right: 0; margin-left: 10px"
+                        >+ Add</el-button
+                    >
+                    <div style="padding-top: 40px">
+                        <div
+                            v-for="(domain, index) in detailForm.areas"
+                            :key="index"
+                            style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px"
+                        >
+                            <el-input v-model="detailForm.areas[index]" size="mini" clearable></el-input>
+                            <i
+                                class="el-icon-delete-solid"
+                                @click.prevent="removeArea(index)"
+                                style="margin-left: 10px; font-size: 22px; color: red"
+                            ></i>
+                        </div>
+                    </div>
+                </el-form-item>
                 <!-- 简介 -->
                 <el-form-item label="Introduction :" prop="scope">
                     <el-input type="textarea" rows="5" v-model="detailForm.scope"></el-input>
@@ -375,6 +397,13 @@ export default {
         await this.getDate();
     },
     methods: {
+        addArea() {
+            this.detailForm.areas.push('');
+        },
+        // 删除一个区域
+        removeArea(index) {
+            this.detailForm.areas.splice(index, 1);
+        },
         beforeAvatarUpload2(file) {
             const isLt2M = file.size / 1024 / 1024 < 1;
             if (!isLt2M) {
@@ -392,10 +421,12 @@ export default {
             }
         },
         handleEdit() {
+            
+            
             this.$refs.detail_form.validate((valid) => {
                 if (valid) {
                     this.$api
-                        .post('api/Journal/editJournal', this.detailForm)
+                        .post('api/Journal/editJournal', {...this.detailForm,journal_topic:this.detailForm.areas&&this.detailForm.areas.length>0?this.detailForm.areas.toString():''})
                         .then((res) => {
                             if (res.code == 0) {
                                 this.$message.success('Change Success!');
@@ -564,7 +595,8 @@ export default {
                 epassword: data.epassword,
                 kfen: data.kfen,
                 fee: data.fee,
-                scope: data.scope
+                scope: data.scope,
+                areas: data.journal_topic?data.journal_topic.split(','):[''],
             };
             this.editDialogVisible = true;
             // this.$nextTick(() => {