index.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <template>
  2. <div class="saga-project">
  3. <div class="header">
  4. <el-input placeholder="输入项目名称进行搜索" v-model="value" class="search">
  5. <i slot="suffix" class="el-input__icon el-icon-search"></i>
  6. </el-input>
  7. <span style="margin-left: 20px">
  8. 所属集团:
  9. <el-select v-model="value" placeholder="请选择">
  10. <el-option
  11. v-for="item in options"
  12. :key="item.value"
  13. :label="item.label"
  14. :value="item.value">
  15. </el-option>
  16. </el-select>
  17. </span>
  18. <el-button class="button" @click="lookExamine" type="text">查看审核记录</el-button>
  19. </div>
  20. <div class="content">
  21. <el-table :data="tableData" stripe style="width: 100%;" :header-cell-style="{background:'#eef1f6'}">
  22. <el-table-column prop="date" label="所属集团" align="center"/>
  23. <el-table-column prop="name" label="项目名称" align="center"/>
  24. <el-table-column prop="name" label="项目id" align="center"/>
  25. <el-table-column prop="name" label="使用的集团方案" align="center"/>
  26. <el-table-column prop="name" label="待审核的申请" align="center"/>
  27. <el-table-column label="操作" align="center">
  28. <template slot-scope="scope">
  29. <el-button @click="handleRelation(scope.$index,scope.row) " type="text">管理项目字典</el-button>
  30. </template>
  31. </el-table-column>
  32. </el-table>
  33. </div>
  34. </div>
  35. </template>
  36. <script>
  37. export default {
  38. name: "project",
  39. components: {},
  40. data() {
  41. return {
  42. value: '',
  43. options: [],
  44. tableData: [{
  45. date: '2016-05-02',
  46. name: '王小虎',
  47. }, {
  48. date: '2016-05-04',
  49. name: '王小虎',
  50. }, {
  51. date: '2016-05-01',
  52. name: '王小虎',
  53. }, {
  54. date: '2016-05-03',
  55. name: '王小虎',
  56. }]
  57. }
  58. },
  59. methods: {
  60. lookExamine() {
  61. this.$router.push({
  62. path: 'project/auditRecord',
  63. })
  64. },
  65. handleRelation(index, row) {
  66. this.$router.push({
  67. path: 'group/contentManagement',
  68. query: {add: 'no'}
  69. })
  70. }
  71. }
  72. }
  73. </script>
  74. <style scoped lang="scss">
  75. .saga-project {
  76. background: #ffffff;
  77. border: 1px solid #eee;
  78. .header {
  79. margin: 20px;
  80. overflow: hidden;
  81. .search {
  82. float: left;
  83. width: 20%;
  84. }
  85. .button {
  86. float: right;
  87. }
  88. }
  89. .content {
  90. margin-top: 20px;
  91. .cursor {
  92. cursor: pointer;
  93. }
  94. }
  95. }
  96. </style>