增加志愿者任务参与人员状态修改

src/api/base/volunteerSignRecord.js

@@ -45,6 +45,10 @@ function list() {
     return request.post(constant.serverUrl + "/base/volunteerSignRecord/list");
   }
 
+  function changeStatus(formData) {
+    return request.post(constant.serverUrl + "/base/volunteerSignRecord/changeStatus", formData);
+  }
+
 export default {
-  pageList, create, edit, add, update, remove, batchRemove,list
+  pageList, create, edit, add, update, remove, batchRemove,list,changeStatus
 }

src/views/base/volunteerSignRecord-list.vue

@@ -11,6 +11,7 @@
     style="text-align: left"
     @close="closeDialog"
     :close-on-click-modal="false"
+    width="1000px"
   >
     <div class="user-panel" v-loading="loading">
         <el-table
@@ -39,6 +40,23 @@
           label="报名时间"
           width="150"
         ></el-table-column>
+        <el-table-column
+          prop="completionTime"
+          label="完成时间"
+          width="150"
+        ></el-table-column>
+        <el-table-column  prop="status"  label="状态" width="120">
+            <template slot-scope="{row}">
+                <el-select v-model="row.status" placeholder="请选择" size="mini" @change="handleChange(row.id,$event)">
+                    <el-option
+                    v-for="item in statusList"
+                    :key="item.value"
+                    :label="item.name"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+            </template>
+        </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="{row}">
             <el-button size="mini" type="danger" @click="handleDelete(row)">删除</el-button>
@@ -63,6 +81,7 @@
 <script>
 import Constant from "@/constant";
 import volunteerSignRecordApi from "@/api/base/volunteerSignRecord";
+import dataDictionaryApi from "@/api/sys/dataDictionary";
 
 export default {
   props: ["businessKey", "title"],
@@ -80,9 +99,15 @@ export default {
         field: "",
         direction: "",
         pageSizeList: [10, 20, 30],
+        statusList:[],
     };
   },
   created() {
+    dataDictionaryApi.findByCatalogName({catalogName: "参与项目状态",})
+        .then((response) => {
+            var jsonData = response.data;
+            this.statusList = jsonData.data;
+        });
   },
   methods: {
     closeDialog() {
@@ -161,6 +186,38 @@ export default {
           });
         });
       },
+      handleChange(id,val){
+        var self = this;
+        var formData = new FormData();
+  
+        formData.append("id", id);
+        formData.append("status", val);
+
+        self.loading = true;
+
+        volunteerSignRecordApi.changeStatus(formData).then(function(response) {
+          self.loading = false;
+
+          var jsonData = response.data;
+
+          if(jsonData.result){
+            self.changePage(self.pageIndex);
+            self.$message({
+                type: "success",
+                message: "修改成功!"
+            });
+          }
+          else {
+            self.$message({
+                message: jsonData.message + "",
+                type: "warning"
+            });
+          }
+        }).catch((error)=>{
+          self.loading = false;
+        });
+      },
+      
   },
   async mounted() {
     this.changePage(1);