tijiao

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

@@ -46,10 +46,15 @@
                             <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 class="item">
+                                <span class="title">{{ $t('JournalCitationAnalysis.Fee') }} :</span><span>{{ scope.row.fee }}</span > <el-button @click="openEditDialog(scope.row)" plain type="primary" size="mini" style="position: relative;top: 2px;vertical-align: text-bottom; padding: 2px 4px; margin-left: 10px;"><i class="el-icon-edit" style="margin-right: 4px"></i> {{ $t('articleListEditor.edit') }}</el-button>
+                            </div> -->
                         </div>
                     </template>
                 </el-table-column>
@@ -295,6 +300,41 @@
         >
             <common-agreement ref="commonAgreementRef" :journal="currentJournal" :urlList="urlList"></common-agreement>
         </el-drawer>
+        <el-dialog 
+  :title="$t('JournalCitationAnalysis.feeDialogTitle')" 
+  :visible.sync="feeDialogVisible" 
+  width="800px"
+>
+  <el-alert
+    :title="$t('JournalCitationAnalysis.feeWarningTitle')"
+    type="warning"
+    :description="$t('JournalCitationAnalysis.feeWarningDesc')"
+    show-icon
+    :closable="false"
+  />
+
+  <el-form label-position="top" style="margin-top: 20px;">
+    <el-form-item :label="$t('JournalCitationAnalysis.feeLabel')" required>
+      <el-input-number 
+        v-model="tempFee" 
+        :precision="2" 
+        :min="0" 
+        :placeholder="$t('JournalCitationAnalysis.placeholder')"
+        style="width: 100%"
+        controls-position="right"
+      />
+    </el-form-item>
+  </el-form>
+
+  <div slot="footer" class="dialog-footer">
+    <el-button @click="feeDialogVisible = false">
+      {{ $t('JournalCitationAnalysis.cancel') }}
+    </el-button>
+    <el-button type="primary" @click="validateAndConfirm">
+      {{ $t('JournalCitationAnalysis.confirmUpdate') }}
+    </el-button>
+  </div>
+</el-dialog>
     </div>
 </template>
 
@@ -322,6 +362,9 @@ export default {
     },
     data() {
         return {
+            feeDialogVisible: false, // 控制录入弹窗
+    tempFee: 0,              // 录入的临时金额
+    activeJournalId: null,    // 当前修改的期刊ID
             mediaUrl: this.Common.mediaUrl,
             baseUrl: this.Common.baseUrl,
             activeNames: [],
@@ -444,6 +487,48 @@ export default {
         await this.getDate();
     },
     methods: {
+    // 点击页面上的 Edit 按钮触发
+  openEditDialog(row) {
+    this.activeJournalId = row.id;
+    this.tempFee = row.fee; // 初始值为当前金额
+    this.feeDialogVisible = true;
+  },
+
+  // 点击录入弹窗的“确认更新”触发
+  async validateAndConfirm() {
+    if (this.tempFee === undefined || this.tempFee === null) {
+      this.$message.error(this.$t('JournalCitationAnalysis.placeholder'));
+      return;
+    }
+
+    // 弹出您截图中的 Final Confirmation
+    try {
+      await this.$confirm(
+        this.$t('JournalCitationAnalysis.doubleConfirmContent'),
+        this.$t('JournalCitationAnalysis.doubleConfirmTitle'),
+        {
+          confirmButtonText: this.$t('GroupClassification.submit'),
+          cancelButtonText: this.$t('JournalCitationAnalysis.cancel'),
+          type: 'warning',
+          center: true
+        }
+      );
+
+      // 用户点击了 Confirm Update，执行 API 保存
+      this.executeSave();
+      
+    } catch (error) {
+      // 用户取消了确认
+    }
+  },
+
+  async executeSave() {
+    // 这里调用您的后端接口
+    // const res = await api.updateFee(this.activeJournalId, this.tempFee);
+    this.$message.success(this.$t('JournalCitationAnalysis.updateSuccess'));
+    this.feeDialogVisible = false;
+    this.getDate(); // 刷新列表数据
+  },
         async handleAvatarSuccess2(res, file) {
             if (res.code == 0) {
                this.detailForm.editor_qrcode = res.upurl;