页面修改

src/pages/sale/finishTask.vue

@@ -35,6 +35,8 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td>
+            <q-btn v-if="props.row.ExchangeStatus==1" flat size="xs" icon="iconfont icon-view" style="font-weight:400" label="兑换"
+              @click="exchangeKudo(props.row)"  />
             <q-btn flat size="xs" icon="iconfont icon-view" style="font-weight:400" label="详情"
               @click="goToDetail(props.row)" />
           </q-td>
@@ -49,7 +51,8 @@
 </template>
 <script>
   import {
-    queryCustomerFinishtaskPage
+    queryCustomerFinishtaskPage,
+    saveExchangeKudo
   } from '../../api/sale/peemanagement';
 
   export default {
@@ -67,7 +70,7 @@
             align: 'left',
             field: 'CustomerName'
           },
-           {
+          {
             name: 'TaskName',
             label: '任务名称',
             align: 'left',
@@ -140,6 +143,32 @@
       this.getList()
     },
     methods: {
+      //兑换奖品
+      exchangeKudo(item) {
+        var postMsg = {
+          CustomerId: item.CustomerId,
+          ExchangeCode: item.ExchangeCode
+        };
+        saveExchangeKudo(postMsg).then(res => {
+          if (res.Code == 1) {
+            this.$q.notify({
+              icon: "iconfont icon-chenggong",
+              color: "accent",
+              timeout: 2000,
+              message: "兑换成功!",
+              position: "top",
+            });
+            this.getList();
+          } else {
+            this.$q.notify({
+              type: "negative",
+              message: "兑换失败!",
+              position: "top",
+              timeout: 2000,
+            });
+          }
+        })
+      },
       goToDetail(item) {
         this.OpenNewUrl('/sale/finishTaskDetails', {
           TaskId: item.TaskId,