提交

src/components/page/articleList.vue

@@ -56,7 +56,9 @@
 						<el-badge is-dot :hidden="item.editor_act==1?false:true">
 							{{item.title}}
 						</el-badge>
+					
 					</p>
+					
 					<p style="margin-bottom: 8px;">
 						<font style="color: #666b7a;">ID : </font>
 						{{item.accept_sn}}
@@ -75,12 +77,15 @@
 						</font>
 						<b style="font-weight: normal;margin: 0 0 0 5px;">{{item.ctime}}</b>
 					</p>
+					
 					<div class="man_state" :style="item.state,'3' | stateChange">
 						<b :style="item.state,'4' | stateChange">
 							{{item.state,'tst' | stateChange}}
 						</b>
 					</div>
+					
 					<div class="man_btn">
+						
 						<span @click="esy_mtps(item.article_id)">
 							<i class="el-icon-collection"></i>Manuscript Tracking
 						</span>
@@ -100,7 +105,18 @@
 								<!-- </el-badge>  -->
 							</span>
 						</span>
+						
+						
 					</div>
+					<el-button v-if="item.state == 6&&item.is_buy==0" size="mini" type="primary"  style="position: absolute;top: 38%;right: 10px;background: #ff5000 !important;border-color: #ff5000 !important;" @click="goOrderConfirmation(item)">Payment</el-button>
+					<el-button v-if="item.is_buy==1" size="mini" type="text"  style="position: absolute;top: 38%;right: 10px;color: #ff5000 !important;">{{ $t('pendingPayment.state1') }}</el-button>
+					<!-- v-if="item.state == 6&&item.is_buy==0" -->
+					<!-- <common-paypal-button 
+                        :amount="item.article_id"
+                        :orderId="item.article_id"
+                        @payment-success="handlePaymentSuccess"
+                        @payment-error="handlePaymentError"
+                    /> -->
 				</div>
 
 				<div class="man_progess" v-if="item.state==4" :style="item.state,'2' | stateChange">
@@ -530,6 +546,22 @@
 					});
 
 			},
+			goOrderConfirmation(data){
+this.$router.push({
+					path: '/OrderConfirmation',
+					query: {
+						id: data.article_id
+					}
+				});
+			},
+			goOrderConfirmationDetail(data){
+this.$router.push({
+					path: '/OrderDetail',
+					query: {
+						id: data.article_id
+					}
+				});
+			},
 			// 点击稿件内容文件
 			esy_deta(e) {
 				this.$api