优化需求计划

src/views/projectManage/components/demand.vue

@@ -4,6 +4,7 @@
     <el-table v-if="tableHeader === false" max-height="38px" :data="datas" class="tableHeader" border size="mini" :header-cell-style="{ background: 'rgba(247,247,247,1)', color: 'rgb(74, 74, 74)', fontSize: '14px', fontWeight: '500'}" @selection-change="changeCheckout(1)">
       <el-table-column v-if="locking" type="selection" width="50" align="center" />
       <el-table-column prop="date" label="任务" width="300" />
+      <el-table-column prop="taskStatus" label="任务状态" width="200" />
       <el-table-column prop="type" label="类型" min-width="70" />
       <el-table-column prop="desc" label="描述" min-width="150" />
       <el-table-column prop="seperateDaysNoHoliday" label="排期" min-width="160" />
@@ -51,6 +52,25 @@
           <el-input v-if="scope.row.vsInput" ref="taskName" v-model="taskName" type="textarea" rows="4" placeholder="请输入内容" maxlength="150" show-word-limit @blur="changeTaskName(scope.row)" />
         </template>
       </el-table-column>
+      <el-table-column width="200" align="center">
+        <template slot-scope="scope">
+          <el-select
+            v-model="scope.row.status"
+            :class="{
+              'status0':scope.row.status===0,
+              'status1':scope.row.status > 0 && scope.row.status <100,
+              'status2':scope.row.status===100,
+              'public_btn':scope.row.status!==10 || scope.row.status!==40 || scope.row.status!==20 || scope.row.status!==30,
+              'public_btn1':scope.row.status===40,
+              'public_btn2':scope.row.status===10,
+              'public_btn3':scope.row.status===20 || scope.row.status===30
+            }"
+            size="mini"
+          >
+            <el-option v-for="item in scope.row.availableStatusList" :key="item.code" :label="item.name" :value="item.code" />
+          </el-select>
+        </template>
+      </el-table-column>
       <el-table-column label="任" style="padding: 20px;">
         <template slot-scope="scope">
           <schedule-list :id="scope.row.id" ref="taskSchedule" :locking="locking" :select-task-list="taskList" :required-list="taskScheduleLists(scope.row.id)" @listByTask="listByTask(requirementId)" />
@@ -356,7 +376,31 @@ export default {
   color:rgba(102,102,102,1);
   opacity:1;
 }
-
+@mixin setStatus($color) {
+  input {
+    color:$color;
+    border: 1px solid $color;
+  }
+  >>> .el-select__caret{
+    color:$color;
+  }
+  >>> .el-input__inner{
+    color:$color;
+    border-color: $color;
+  }
+  >>> .el-input__inner:focus {
+    border-color: $color;
+  }
+}
+.status0 {
+  @include setStatus(#409EFF)
+}
+.status1{
+  @include setStatus(#FF8952)
+}
+.status2 {
+  @include setStatus(#7ED321)
+}
 </style>
 <style>
  .cell-grey .cell {