需求改状态功能

src/views/projectManage/projectList/component/needsList.vue

@@ -32,7 +32,7 @@
             :class="['status'+scope.row.status]"
             class="btns"
             size="mini"
-            @change="blurEvent(scope.row, scope.row.status)"
+            @change="changeStatus(scope.row)"
           >
             <el-option v-for="item in allStatus" :key="item.code" :label="item.msg" :value="item.code" />
           </el-select>
@@ -63,7 +63,7 @@
 </template>
 <script>
 import { requirementQueryRequirementInfoList } from '@/api/projectIndex'
-import { showRequirementEnum } from '@/api/requirement'
+import { showRequirementEnum, updateRequirementStatus } from '@/api/requirement'
 export default {
   data() {
     return {
@@ -76,7 +76,7 @@ export default {
     this.getNeedsList()
   },
   methods: {
-    async getTaskStatus() {
+    async getTaskStatus() { // 获取需求的所有状态
       const res = await showRequirementEnum()
       if (res.code === 200) {
         this.allStatus = res.data.requirementStatus
@@ -90,8 +90,12 @@ export default {
         console.log(res.data)
       }
     },
-    blurEvent() { // 状态改变
-
+    async changeStatus(e) { // 状态改变
+      const modifier = localStorage.getItem('username')
+      const res = await updateRequirementStatus({ id: e.id, status: e.status, modifier: modifier })
+      if (res.code === 200) {
+        this.$message({ message: res.msg, type: 'success', offset: 150 })
+      }
     }
   }
 }
@@ -143,13 +147,13 @@ export default {
 .status1 {
   @include setStatus(#FF8952)
 }
-.status2 {
+.status3 {
   @include setStatus(#C97DEA)
 }
-.status3 {
+.status5 {
   @include setStatus(#13C2C2)
 }
-.status4 {
+.status9 {
   @include setStatus(#7ED321)
 }
 .div_priority {