| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\finance\\financialRecords\\bill\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\finance\\financialRecords\\bill\\index.vue","mtime":1761614939017},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHsgYmlsbFR5cGVBcGksIGJpbGxMaXN0QXBpLCB1c2VyRmluYW5jZUFwaSB9IGZyb20gJ0AvYXBpL2ZpbmFuY2UnOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdiaWxsJywNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgYmlsbExpc3Q6IFtdLA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIG5pY2tuYW1lOiAnJywNCiAgICAgICAgc3RhcnRfdGltZTogJycsDQogICAgICAgIGVuZF90aW1lOiAnJywNCiAgICAgICAgdHlwZTogJycsDQogICAgICAgIHBhZ2U6IDEsIC8vIOW9k+WJjemhtQ0KICAgICAgICBsaW1pdDogMjAsIC8vIOavj+mhteaYvuekuuadoeaVsA0KICAgICAgfSwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgdGFiTGlzdDogW10sDQogICAgICB0b3RhbDogMCwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtZWRpYScsIFsnaXNNb2JpbGUnXSksDQogICAgbGFiZWxXaWR0aCgpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogJzgwcHgnOw0KICAgIH0sDQogICAgbGFiZWxQb3NpdGlvbigpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAncmlnaHQnOw0KICAgIH0sDQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5zZWxMaXN0KCk7DQogICAgdGhpcy5nZXRMaXN0KCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDml7bpl7QNCiAgICBvbmNoYW5nZVRpbWUoZSkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuc3RhcnRfdGltZSA9IGVbMF07DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5lbmRfdGltZSA9IGVbMV07DQogICAgfSwNCiAgICAvLyDojrflj5bnrZvpgInnsbvlnosNCiAgICBzZWxMaXN0KCkgew0KICAgICAgYmlsbFR5cGVBcGkoKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5iaWxsTGlzdCA9IHJlcy5kYXRhLmxpc3Q7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDliJfooagNCiAgICBnZXRMaXN0KCkgew0KICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsNCiAgICAgIGJpbGxMaXN0QXBpKHRoaXMuZm9ybVZhbGlkYXRlKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgbGV0IGRhdGEgPSByZXMuZGF0YTsNCiAgICAgICAgICB0aGlzLnRhYkxpc3QgPSBkYXRhLmRhdGE7DQogICAgICAgICAgdGhpcy50b3RhbCA9IGRhdGEuY291bnQ7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmkJzntKINCiAgICB1c2VyU2VhcmNocygpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICAvLyDlr7zlh7oNCiAgICBleHBvcnRzKCkgew0KICAgICAgbGV0IGZvcm1WYWxpZGF0ZSA9IHRoaXMuZm9ybVZhbGlkYXRlOw0KICAgICAgbGV0IGRhdGEgPSB7DQogICAgICAgIHN0YXJ0X3RpbWU6IGZvcm1WYWxpZGF0ZS5zdGFydF90aW1lLA0KICAgICAgICBlbmRfdGltZTogZm9ybVZhbGlkYXRlLmVuZF90aW1lLA0KICAgICAgICBuaWNrbmFtZTogZm9ybVZhbGlkYXRlLm5pY2tuYW1lLA0KICAgICAgICB0eXBlOiBmb3JtVmFsaWRhdGUudHlwZSwNCiAgICAgIH07DQogICAgICB1c2VyRmluYW5jZUFwaShkYXRhKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgbG9jYXRpb24uaHJlZiA9IHJlcy5kYXRhWzBdOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAuGA;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;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;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","file":"index.vue","sourceRoot":"src/pages/finance/financialRecords/bill","sourcesContent":["<template>\r\n <div>\r\n <div class=\"i-layout-page-header header-title\">\r\n <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n </div>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n <el-form\r\n ref=\"formValidate\"\r\n :model=\"formValidate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n >\r\n <el-row :gutter=\"24\">\r\n <el-col :xl=\"6\" :lg=\"12\" :md=\"13\" :sm=\"12\" :xs=\"24\">\r\n <el-form-item label=\"关键字：\">\r\n <el-input enter-button placeholder=\"请输入\" element-id=\"name\" v-model=\"formValidate.nickname\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xl=\"6\" :lg=\"12\" :md=\"13\" :sm=\"12\" :xs=\"24\">\r\n <el-form-item label=\"时间范围：\" class=\"tab_data\">\r\n <el-date-picker\r\n clearable\r\n :editable=\"false\"\r\n @change=\"onchangeTime\"\r\n format=\"yyyy/MM/dd\"\r\n value-format=\"yyyy/MM/dd\"\r\n type=\"daterange\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n style=\"width: 80%\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xl=\"6\" :lg=\"12\" :md=\"13\" :sm=\"12\" :xs=\"24\">\r\n <el-form-item label=\"筛选类型：\" class=\"tab_data\">\r\n <el-select v-model=\"formValidate.type\" style=\"width: 200px; height: 32px\" clearable>\r\n <el-option\r\n v-for=\"(item, index) in billList\"\r\n :key=\"index\"\r\n :value=\"item.type\"\r\n :label=\"item.title\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-form-item>\r\n <el-button type=\"primary\" v-db-click @click=\"userSearchs\">搜索</el-button>\r\n <el-button v-auth=\"['export-userFinance']\" class=\"export\" v-db-click @click=\"exports\">导出 </el-button>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <el-table ref=\"table\" highlight-current-row :data=\"tabList\" v-loading=\"loading\" empty-text=\"暂无数据\">\r\n <el-table-column label=\"用户ID\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.uid }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"昵称\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.nickname }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"金额\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <div :class=\"[scope.row.pm === 1 ? 'green' : 'red']\">\r\n {{ scope.row.pm === 1 ? scope.row.number : '-' + scope.row.number }}\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"类型\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.title }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"备注\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.mark }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"创建时间\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.add_time }}</span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"acea-row row-right page\">\r\n <pagination\r\n v-if=\"total\"\r\n :total=\"total\"\r\n :page.sync=\"formValidate.page\"\r\n :limit.sync=\"formValidate.limit\"\r\n @pagination=\"getList\"\r\n />\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { billTypeApi, billListApi, userFinanceApi } from '@/api/finance';\r\n\r\nexport default {\r\n name: 'bill',\r\n data() {\r\n return {\r\n billList: [],\r\n formValidate: {\r\n nickname: '',\r\n start_time: '',\r\n end_time: '',\r\n type: '',\r\n page: 1, // 当前页\r\n limit: 20, // 每页显示条数\r\n },\r\n loading: false,\r\n tabList: [],\r\n total: 0,\r\n };\r\n },\r\n computed: {\r\n ...mapState('media', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '80px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n created() {\r\n this.selList();\r\n this.getList();\r\n },\r\n methods: {\r\n // 时间\r\n onchangeTime(e) {\r\n this.formValidate.start_time = e[0];\r\n this.formValidate.end_time = e[1];\r\n },\r\n // 获取筛选类型\r\n selList() {\r\n billTypeApi()\r\n .then(async (res) => {\r\n this.billList = res.data.list;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n billListApi(this.formValidate)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data.data;\r\n this.total = data.count;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 搜索\r\n userSearchs() {\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n // 导出\r\n exports() {\r\n let formValidate = this.formValidate;\r\n let data = {\r\n start_time: formValidate.start_time,\r\n end_time: formValidate.end_time,\r\n nickname: formValidate.nickname,\r\n type: formValidate.type,\r\n };\r\n userFinanceApi(data)\r\n .then((res) => {\r\n location.href = res.data[0];\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ivu-form-label-left ::v-deep .ivu-form-item-label {\r\n text-align: right;\r\n}\r\n.tabform .export {\r\n margin-left: 10px;\r\n}\r\n.red {\r\n color: #ff5722;\r\n}\r\n.green {\r\n color: #009688;\r\n}\r\n.ivu-mt ::v-deep .ivu-select-placeholder {\r\n height: 32px;\r\n}\r\n</style>\r\n"]}]}
|
