{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\test1\\test1-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\test1\\test1-1.vue","mtime":1671006185894},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    // handleResetSearch() {   // 重置搜索和列表\r\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\r\n    //   this.getList();  // 刷新列表并初始化\r\n    // },\r\n    // handleSearchList() {  // 查询搜索\r\n    //   this.listQuery.pageNum = 1;\r\n    //   this.getList();\r\n    // },\r\n    handleSizeChange(val) {  // 改变列表显示条数\r\n      this.listQuery.pageNum = 1;\r\n      this.listQuery.pageSize = val;\r\n      this.getList();\r\n    },\r\n    handleCurrentChange(val) {  // 改变列表显示页数\r\n      this.listQuery.pageNum = val;\r\n      this.getList();\r\n    },\r\n\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      }).catch(err => {\r\n        this.listLoading = false;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test1-1.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 1 - 1</p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table1\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.userName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"性别\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.sex}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"年龄\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.age}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"民族\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.nation}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.education}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <div class=\"pagination-area\">\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :current-page.sync=\"listQuery.pageNum\"\r\n        :page-size=\"listQuery.pageSize\"\r\n        :page-sizes=\"[10,20,50]\"\r\n        :total=\"total\">\r\n      </el-pagination>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    // handleResetSearch() {   // 重置搜索和列表\r\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\r\n    //   this.getList();  // 刷新列表并初始化\r\n    // },\r\n    // handleSearchList() {  // 查询搜索\r\n    //   this.listQuery.pageNum = 1;\r\n    //   this.getList();\r\n    // },\r\n    handleSizeChange(val) {  // 改变列表显示条数\r\n      this.listQuery.pageNum = 1;\r\n      this.listQuery.pageSize = val;\r\n      this.getList();\r\n    },\r\n    handleCurrentChange(val) {  // 改变列表显示页数\r\n      this.listQuery.pageNum = val;\r\n      this.getList();\r\n    },\r\n\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      }).catch(err => {\r\n        this.listLoading = false;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n</script>"]}]}