增加任务奖励设置

src/views/renwu/index.vue

@@ -21,7 +21,17 @@
           <span>{{ scope.row.detail }}</span>
         </template>
       </el-table-column>
-
+      <el-table-column label="奖励设置">
+        <template slot-scope="scope">
+          <div class="flex flex-center">
+            <el-button type="text" size="mini" @click="opengiftList(scope.row)"
+            >编辑</el-button
+          >
+          </div>
+          
+          <!-- <span>{{ scope.row.rewardDetail }}</span> -->
+        </template>
+      </el-table-column>
       <el-table-column label="奖励描述">
         <template slot-scope="scope">
           <span>{{ scope.row.rewardDetail }}</span>
@@ -81,15 +91,17 @@
       </el-pagination>
     </div>
     <add-renwu ref="refRenwu" @refresh="init"></add-renwu>
+    <gift-list ref="giftList" @refresh="init"></gift-list>
   </div>
 </template>
 
 <script>
 import $api from "@/api/renwu.js";
 import addRenwu from "./components/pop-add-renwu.vue";
+import giftList from "./components/pop-gift-list.vue";
 
 export default {
-  components: { addRenwu },
+  components: { addRenwu,giftList },
   data() {
     return {
       total: 0,
@@ -99,6 +111,9 @@ export default {
     };
   },
   methods: {
+    opengiftList(item){
+      this.$refs.giftList.open(item)
+    },
     async showsChange(e,item){
       console.log(e)
       const res=await $api.update({...item,shows:e})
@@ -178,4 +193,11 @@ export default {
   margin-top: 20px;
   display: flex;
 }
+// .flex{
+//   display: flex;
+// } 
+// .flex-center{
+//   justify-content: center;
+// }
+
 </style>