| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\finance\\commission\\handle\\commissionDetails.vue?vue&type=style&index=0&id=807a7d6a&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\finance\\commission\\handle\\commissionDetails.vue","mtime":1761614939014},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQoudGFibGUgew0KICAuaXZ1LXRhYmxlLWRlZmF1bHQgew0KICAgIG92ZXJmbG93LXk6IGF1dG87DQogICAgbWF4LWhlaWdodDogMzUwcHg7DQogIH0NCn0NCi5kYXNoYm9hcmQtd29ya3BsYWNlIHsNCiAgJi1oZWFkZXIgew0KICAgICYtYXZhdGFyIHsNCiAgICAgIHdpZHRoOiA2NHB4Ow0KICAgICAgaGVpZ2h0OiA2NHB4Ow0KICAgICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4Ow0KICAgICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICB9DQoNCiAgICAmLXRpcCB7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQoNCiAgICAgICYtdGl0bGUgew0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIGNvbG9yOiAjMDAwMDAwOw0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICAgICAgfQ0KDQogICAgICAmLWRlc2Mgew0KICAgICAgICAmLXNwIHsNCiAgICAgICAgICB3aWR0aDogMzMuMzMlOw0KICAgICAgICAgIGNvbG9yOiAjMTcyMzNkOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgICAgICAgcGFkZGluZy1ib3R0b206IDEwcHg7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAmLWV4dHJhIHsNCiAgICAgIC5pdnUtY29sIHsNCiAgICAgICAgcCB7DQogICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICAgIH0NCg0KICAgICAgICBwOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICBzcGFuOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIHNwYW46bGFzdC1jaGlsZCB7DQogICAgICAgICAgICBjb2xvcjogIzgwODY5NTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICBwOmxhc3QtY2hpbGQgew0KICAgICAgICAgIGZvbnQtc2l6ZTogMjJweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["commissionDetails.vue"],"names":[],"mappings":";AAgLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"commissionDetails.vue","sourceRoot":"src/pages/finance/commission/handle","sourcesContent":["<template>\r\n <div style=\"width: 100%\">\r\n <el-dialog :visible.sync=\"modals\" title=\"用户详情\" :close-on-click-modal=\"false\" width=\"720px\">\r\n <div class=\"\" v-loading=\"spinShow\">\r\n <div class=\"dashboard-workplace-header-tip\">\r\n <div class=\"dashboard-workplace-header-tip-desc\">\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">姓名：{{ detailsData.nickname }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\"\r\n >上级推广人：{{ detailsData.spread_name ? detailsData.spread_name : '无' }}</span\r\n >\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">佣金总收入：{{ detailsData.number }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">用户余额：{{ detailsData.now_money }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">创建时间：{{ detailsData.add_time }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <el-divider direction=\"vertical\" dashed />\r\n <el-form\r\n ref=\"formValidate\"\r\n label-width=\"75px\"\r\n :label-position=\"labelPosition\"\r\n class=\"tabform\"\r\n @submit.native.prevent\r\n >\r\n <el-row :gutter=\"24\">\r\n <!-- <el-col :span=\"8\">-->\r\n <!-- <el-form-item label=\"订单号/昵称：\">-->\r\n <!-- <el-input enter-button placeholder=\"请输入\" element-id=\"name\" v-model=\"formValidate.nickname\"-->\r\n <!-- clearable/>-->\r\n <!-- </el-form-item>-->\r\n <!-- </el-col>-->\r\n <el-col :span=\"12\">\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 start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n style=\"width: 100%\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"4\">\r\n <el-button type=\"primary\" v-db-click @click=\"userSearchs\">搜索</el-button>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <el-table\r\n :data=\"tabList\"\r\n ref=\"table\"\r\n v-loading=\"loading\"\r\n no-userFrom-text=\"暂无数据\"\r\n no-filtered-userFrom-text=\"暂无筛选结果\"\r\n class=\"table\"\r\n >\r\n <el-table-column label=\"佣金金额\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.number }}</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-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>\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-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { commissionDetailApi, extractlistApi } from '@/api/finance';\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n name: 'commissionDetails',\r\n data() {\r\n return {\r\n modals: false,\r\n spinShow: false,\r\n detailsData: {},\r\n Ids: 0,\r\n loading: false,\r\n formValidate: {\r\n nickname: '',\r\n start_time: '',\r\n end_time: '',\r\n page: 1, // 当前页\r\n limit: 20, // 每页显示条数\r\n },\r\n total: 0,\r\n tabList: [],\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 mounted() {\r\n if (this.Ids) {\r\n this.getList();\r\n }\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 getDetails(id) {\r\n this.Ids = id;\r\n this.spinShow = true;\r\n commissionDetailApi(id)\r\n .then(async (res) => {\r\n if (res.status === 200) {\r\n let data = res.data;\r\n this.detailsData = data.user_info;\r\n this.spinShow = false;\r\n } else {\r\n this.spinShow = false;\r\n this.$message.error(res.msg);\r\n }\r\n })\r\n .catch((res) => {\r\n this.spinShow = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n extractlistApi(this.Ids, 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};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.table {\r\n .ivu-table-default {\r\n overflow-y: auto;\r\n max-height: 350px;\r\n }\r\n}\r\n.dashboard-workplace {\r\n &-header {\r\n &-avatar {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n margin-right: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n &-tip {\r\n width: 100%;\r\n display: inline-block;\r\n vertical-align: middle;\r\n\r\n &-title {\r\n font-size: 13px;\r\n color: #000000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n &-desc {\r\n &-sp {\r\n width: 33.33%;\r\n color: #17233d;\r\n font-size: 12px;\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n }\r\n }\r\n }\r\n\r\n &-extra {\r\n .ivu-col {\r\n p {\r\n text-align: right;\r\n }\r\n\r\n p:first-child {\r\n span:first-child {\r\n margin-right: 4px;\r\n }\r\n\r\n span:last-child {\r\n color: #808695;\r\n }\r\n }\r\n\r\n p:last-child {\r\n font-size: 22px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
