taskState.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <div id="cascaderMap">
  3. <span class="task-state" style="margin-right: 12px;">任务执行情况</span>
  4. <el-select v-model="taskState" placeholder="请选择" filterable style="width:120px;" size="small" @change="changeState">
  5. <el-option v-for="item in taskStateList" :key="item.code" :label="item.label" :value="item.value"></el-option>
  6. </el-select>
  7. </div>
  8. </template>
  9. <script>
  10. import { mapGetters } from 'vuex';
  11. export default {
  12. computed: {
  13. ...mapGetters("layout", ["projectId"])
  14. },
  15. data() {
  16. return {
  17. taskStateList: [{
  18. value: '',
  19. label: '全部'
  20. }, {
  21. value: 1,
  22. label: '待验证'
  23. }, {
  24. value: 0,
  25. label: '已完成'
  26. }, {
  27. value: -1,
  28. label: '未找到'
  29. }],
  30. taskState: '',//任务执行情况
  31. };
  32. },
  33. methods: {
  34. setValue(val) {
  35. this.taskState = val
  36. },
  37. //修改val
  38. changeState(val) {
  39. this.$emit("change", val)
  40. }
  41. }
  42. };
  43. </script>
  44. <style lang="less" scoped>
  45. #cascaderMap {
  46. float: left;
  47. margin-left: 10px;
  48. .task-state {
  49. color: #999999;
  50. font-size: 14px;
  51. }
  52. }
  53. </style>