订单拒绝原因展示

src/containers/center/myOrder/index.vue

@@ -9,7 +9,7 @@
       <div  class="ng-scope">
 
         <el-table v-loading="listLoading" :data="list" border fit highlight-current-row>
-          
+
           <el-table-column label="交易订单" >
             <template slot-scope="{row, $index}">
               <span>{{row.id}}</span>
@@ -39,11 +39,11 @@
             </template>
           </el-table-column>
 
-          <el-table-column label="订单状态">
+          <el-table-column label="订单状态" min-width="100">
             <template slot-scope="{row}">
-              <span v-if="row.isPay==1">支付完成</span>
-              <span v-if="row.isPay==0">支付中</span>
-              <span v-if="row.isPay==2">申请驳回</span>
+              <span v-if="row.isPay==1" style="color: green;">支付完成</span>
+              <span v-if="row.isPay==0" >支付中...</span>
+              <span v-if="row.isPay==2" style="color: red;">{{row.marks||'拒绝'}}</span>
             </template>
           </el-table-column>
         </el-table>