index.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <div id="index">
  3. <el-row>
  4. <el-col :span="24" class="main">
  5. <el-col :span="24" class="down">
  6. <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search"></data-table>
  7. </el-col>
  8. </el-col>
  9. </el-row>
  10. </div>
  11. </template>
  12. <script>
  13. import dataTable from '@common/src/components/frame/filter-page-table.vue';
  14. import { mapState, createNamespacedHelpers } from 'vuex';
  15. export default {
  16. metaInfo() {
  17. return { title: this.$route.meta.title };
  18. },
  19. name: 'index',
  20. props: {},
  21. components: {
  22. dataTable,
  23. },
  24. data: function() {
  25. return {
  26. opera: [],
  27. fields: [
  28. { label: '成果编号', prop: 'basic.achieve_num', filter: 'input', showTip: true },
  29. { label: '成果名称', prop: 'basic.achieve_name', showTip: true },
  30. { label: '成果类别', prop: 'basic.achieve_type', showTip: true },
  31. { label: '状态', prop: 'status' },
  32. ],
  33. list: [
  34. {
  35. basic: {
  36. achieve_num: '成果编号',
  37. achieve_name: '成果名称',
  38. achieve_type: '成果类别',
  39. },
  40. status: '0',
  41. },
  42. ],
  43. total: 0,
  44. };
  45. },
  46. async created() {
  47. await this.search();
  48. },
  49. methods: {
  50. // 查询列表
  51. async search({ skip = 0, limit = 10, ...info } = {}) {},
  52. },
  53. computed: {
  54. ...mapState(['user']),
  55. },
  56. watch: {},
  57. };
  58. </script>
  59. <style lang="less" scoped></style>