index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div id="index">
  3. <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @check="toCheck"> </data-table>
  4. </div>
  5. </template>
  6. <script>
  7. import { mapState, createNamespacedHelpers } from 'vuex';
  8. export default {
  9. name: 'index',
  10. props: {},
  11. components: {},
  12. data: function () {
  13. return {
  14. list: [
  15. { name: '专利1', apply_name: '申请人', type: '申请类型', contact: '联系人', phone: '11111111111', email: 'test@qq.com' },
  16. { name: '专利2', apply_name: '申请人2', type: '申请类型2', contact: '联系人2', phone: '11111111112', email: 'test2@qq.com' },
  17. ],
  18. total: 0,
  19. fields: [
  20. { label: '专利名称', model: 'name', filter: true },
  21. { label: '申请人', model: 'apply_name' },
  22. { label: '申请类型', model: 'type' },
  23. { label: '技术联系人', model: 'contact' },
  24. { label: '联系人电话', model: 'phone' },
  25. { label: '联系人邮箱', model: 'email' },
  26. ],
  27. opera: [{ label: '查看', method: 'check' }],
  28. };
  29. },
  30. created() {},
  31. methods: {},
  32. computed: {
  33. ...mapState(['user']),
  34. pageTitle() {
  35. return `${this.$route.meta.title}`;
  36. },
  37. },
  38. metaInfo() {
  39. return { title: this.$route.meta.title };
  40. },
  41. };
  42. </script>
  43. <style lang="less" scoped></style>