index.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <div>
  3. <save-form inline :model="search" @submit="FetchList" @reset="FetchList">
  4. <el-form-item prop="organIds">
  5. <el-select
  6. multiple
  7. clearable
  8. filterable
  9. collapse-tags
  10. v-model="search.organIds"
  11. >
  12. <el-option v-for="(item,index) in selects.branchs"
  13. :key="index"
  14. :label="item.name"
  15. :value="item.id"></el-option>
  16. </el-select>
  17. </el-form-item>
  18. <el-button native-type="submit" type="primary">搜索</el-button>
  19. <el-button native-type="reset" type="danger">重置</el-button>
  20. </save-form>
  21. <empty desc="暂无需要处理异常" v-if="!list.length"/>
  22. <title-item
  23. v-else
  24. type="warning"
  25. v-for="(item, index) in list"
  26. :key="index"
  27. :data="[{name: item.desc, num: item.num}]"
  28. >
  29. <el-button @click="$router.push({
  30. path: '/business/teamDetail',
  31. query: {
  32. search: (item.result || []).join(',')
  33. }
  34. })" type="text">立即处理<i class="el-icon-d-arrow-right"/></el-button>
  35. </title-item>
  36. </div>
  37. </template>
  38. <script>
  39. import { getRemindMatterData } from '@/views/main/api'
  40. import title from '../abnormal/title'
  41. export default {
  42. components: {
  43. 'title-item': title
  44. },
  45. data() {
  46. return {
  47. search: {
  48. organIds: []
  49. },
  50. list: [],
  51. }
  52. },
  53. mounted() {
  54. this.FetchList()
  55. },
  56. methods: {
  57. async FetchList() {
  58. try {
  59. const res = await getRemindMatterData()
  60. this.list = res.data
  61. } catch (error) {}
  62. }
  63. }
  64. }
  65. </script>