tableMixin.js 1.19 KB
import { mapGetters } from 'vuex'
// 引入详情弹框
import dataDetails from "@/components/dataDetails/edit-dialog";
let mixin = {
  data () {
    return {
      title: '',
      formData: {
        pageSize: 10
      }
    }
  },
  components: {
    dataDetails,
  },
  computed: {
    ...mapGetters(['dicData'])
  },
  created () {
    this.featchData()
  },
  methods: {
    // 表格索引得问题
    indexMethod (index) {
      return index + 1 + (this.form.currentPage - 1) * this.formData.pageSize;
    },
    handleSizeChange (val) {
      this.formData.pageSize = val
      this.featchData()
    },
    handleCurrentChange (val) {
      this.form.currentPage = val
      this.featchData()
    },
    handleSubmit () {
      this.tableData.data = []
      this.featchData()
    },
    // 详情
    handleEdit (row) {
      this.title = row.rectypeName
      this.$refs.editLog.isShow(row);
    },
    // // 重置表单
    resetForm () {
      if (!this.form) return
      Object.keys(this.form).forEach((key) => {
        if (key !== 'currentPage') this.form[key] = '';
      })
      this.form.currentPage = 1
      this.tableData.data = []
      this.featchData()
    }
  }
}
export default mixin