任务增加是否展示和排序

src/views/renwu/components/pop-add-renwu.vue

@@ -12,6 +12,12 @@
         <el-form-item label="标题" required>
           <el-input v-model="form.title"></el-input>
         </el-form-item>
+        <el-form-item label="是否展示" >
+          <el-switch v-model="form.shows" :inactive-value="0" :active-value="1"></el-switch>
+        </el-form-item>
+        <el-form-item label="排序" >
+          <el-input-number :min="0" :step-strictly="true" :step="1" v-model="form.sort"></el-input-number>
+        </el-form-item>
         <el-form-item label="任务类型" required>
           <el-radio-group v-model="form.type">
             <el-radio :label="1">普通任务</el-radio>
@@ -95,6 +101,8 @@ export default {
         rewardDetail: "",
         rewardImg: "",
         title: "",
+        shows:1,
+        sort:''
       },
     };
   },
@@ -128,6 +136,8 @@ export default {
         rewardDetail: "",
         rewardImg: "",
         title: "",
+        shows:1,
+        sort:''
       };
     },
     async confirm() {

src/views/renwu/index.vue

@@ -3,6 +3,12 @@
     <el-button type="primary" @click="openAddZhuanpan">添加任务</el-button>
     <div class="zhanwei"></div>
     <el-table :border="true" :data="tableData">
+      <el-table-column
+      prop="sort"
+      label="排序"
+      sortable
+      width="50">
+    </el-table-column>
       <el-table-column label="标题" prop="title"></el-table-column>
 
       <el-table-column label="任务类型">
@@ -35,6 +41,7 @@
           <span v-if="scope.row.type == 2">{{ scope.row.number }}</span>
         </template>
       </el-table-column>
+ 
       <el-table-column label="跳转类型">
         <template slot-scope="scope">
           <span>{{ returnJumpTypeName(scope.row.jumpType) }}</span>
@@ -45,6 +52,11 @@
           <span>{{ scope.row.buttonUrl  }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="是否展示">
+        <template slot-scope="scope">
+          <el-switch @change="showsChange($event,scope.row)" v-model="scope.row.shows" :inactive-value="0" :active-value="1"></el-switch>
+        </template>
+      </el-table-column>
       <el-table-column label="编辑">
         <template slot-scope="scope">
           <el-button type="text" size="mini" @click="openAddZhuanpan(scope.row)"
@@ -87,6 +99,16 @@ export default {
     };
   },
   methods: {
+    async showsChange(e,item){
+      console.log(e)
+      const res=await $api.update({...item,shows:e})
+      if(res.data.code==0){
+        this.$message.success('修改成功')
+        this.init()
+      }else{
+        this.$message.error(res.data.msg || '修改失败')
+      }
+    },
     handleSizeChange() {
       this.page = 1;
       this.init();