| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\finance\\components\\commissionDetails\\index.vue?vue&type=style&index=0&id=1b34b07a&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\finance\\components\\commissionDetails\\index.vue","mtime":1761614939015},{"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:DQouY29sb3JyZWQgew0KICBjb2xvcjogI2ZmNTcyMjsNCn0NCi5jb2xvcmdyZWVuIHsNCiAgY29sb3I6ICMwMDk2ODg7DQp9DQouc2VhcmNoIHsNCiAgd2lkdGg6IDg2cHg7DQogIGhlaWdodDogMzJweDsNCiAgYmFja2dyb3VuZDogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICBmb250LXNpemU6IDEzcHg7DQogIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICBmb250LXdlaWdodDogNDAwOw0KICBjb2xvcjogI2ZmZmZmZjsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLnJlc2V0IHsNCiAgd2lkdGg6IDg2cHg7DQogIGhlaWdodDogMzJweDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDE1MSwgMTUxLCAxNTEsIDAuMzYpOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICBmb250LXNpemU6IDEzcHg7DQogIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICBmb250LXdlaWdodDogNDAwOw0KICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLnRhYmxlIHsNCiAgLml2dS10YWJsZS1kZWZhdWx0IHsNCiAgICBvdmVyZmxvdy15OiBhdXRvOw0KICAgIG1heC1oZWlnaHQ6IDM1MHB4Ow0KICB9DQp9DQouZGFzaGJvYXJkLXdvcmtwbGFjZSB7DQogICYtaGVhZGVyIHsNCiAgICAmLWF2YXRhciB7DQogICAgICB3aWR0aDogNjRweDsNCiAgICAgIGhlaWdodDogNjRweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsNCiAgICAgIG1hcmdpbi1yaWdodDogMTZweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgfQ0KDQogICAgJi10aXAgew0KICAgICAgd2lkdGg6IDgyJTsNCiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQoNCiAgICAgICYtdGl0bGUgew0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIGNvbG9yOiAjMDAwMDAwOw0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICAgICAgfQ0KDQogICAgICAmLWRlc2Mgew0KICAgICAgICAmLXNwIHsNCiAgICAgICAgICB3aWR0aDogMzMuMzMlOw0KICAgICAgICAgIGNvbG9yOiAjMTcyMzNkOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAmLWV4dHJhIHsNCiAgICAgIC5pdnUtY29sIHsNCiAgICAgICAgcCB7DQogICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICAgIH0NCg0KICAgICAgICBwOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICBzcGFuOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIHNwYW46bGFzdC1jaGlsZCB7DQogICAgICAgICAgICBjb2xvcjogIzgwODY5NTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICBwOmxhc3QtY2hpbGQgew0KICAgICAgICAgIGZvbnQtc2l6ZTogMjJweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnotcHJpY2Ugew0KICBjb2xvcjogcmVkOw0KfQ0KDQouZi1wcmljZSB7DQogIGNvbG9yOiBncmVlbjsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2NA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/finance/components/commissionDetails","sourcesContent":["<template>\r\n <div>\r\n <el-form\r\n ref=\"formValidate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n class=\"tabform\"\r\n @submit.native.prevent\r\n inline\r\n >\r\n <el-form-item label=\"订单搜索：\" label-for=\"status1\">\r\n <el-input\r\n v-model=\"formValidate.keywords\"\r\n placeholder=\"请输入交易单号/交易人\"\r\n class=\"form_content_width\"\r\n ></el-input>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" v-db-click @click=\"searchs\">搜索</el-button>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button v-db-click @click=\"reset\">重置</el-button>\r\n </el-form-item>\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=\"交易单号\" width=\"180\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.flow_id }}</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.order_id }}</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 <div v-if=\"scope.row.price >= 0\" class=\"z-price\">+{{ scope.row.price }}</div>\r\n <div v-if=\"scope.row.price < 0\" class=\"f-price\">{{ scope.row.price }}</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.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 <span>{{ scope.row.trading_type }}</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.pay_type_name }}</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 </div>\r\n</template>\r\n\r\n<script>\r\nimport { getFlowList } from '@/api/finance';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n name: 'commissionDetails',\r\n data() {\r\n return {\r\n grid: {\r\n xl: 7,\r\n lg: 7,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n modals: false,\r\n detailsData: {},\r\n loading: false,\r\n staff: [],\r\n formValidate: {\r\n trading_type: 0,\r\n time: '',\r\n keywords: '',\r\n page: 1,\r\n limit: 20,\r\n },\r\n total: 0,\r\n tabList: [],\r\n payment: [\r\n {\r\n title: '全部',\r\n value: '',\r\n },\r\n {\r\n title: '微信',\r\n value: 'weixin',\r\n },\r\n {\r\n title: '支付宝',\r\n value: 'alipay',\r\n },\r\n {\r\n title: '银行卡',\r\n value: 'bank',\r\n },\r\n {\r\n title: '线下支付',\r\n value: 'offline',\r\n },\r\n ],\r\n };\r\n },\r\n props: {\r\n ids: {\r\n type: String,\r\n default: '',\r\n },\r\n time: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n computed: {\r\n ...mapState('admin/layout', ['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 this.getList();\r\n },\r\n methods: {\r\n staffApi() {\r\n getFlowList(this.formValidate).then((res) => {\r\n this.staff = res.data;\r\n });\r\n },\r\n searchs() {\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\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 getList() {\r\n this.formValidate.ids = this.ids;\r\n this.loading = true;\r\n getFlowList(this.formValidate)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data.list;\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 reset() {\r\n this.formValidate = {\r\n ids: this.ids,\r\n store_id: '',\r\n keywork: '',\r\n data: '',\r\n page: 1,\r\n limit: 15,\r\n };\r\n this.getList();\r\n },\r\n // 关闭按钮\r\n cancel() {\r\n this.$emit('close');\r\n this.formValidate = {\r\n ids: '',\r\n store_id: '',\r\n keywork: '',\r\n data: '',\r\n page: 1,\r\n limit: 15,\r\n };\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.colorred {\r\n color: #ff5722;\r\n}\r\n.colorgreen {\r\n color: #009688;\r\n}\r\n.search {\r\n width: 86px;\r\n height: 32px;\r\n background: var(--prev-color-primary);\r\n border-radius: 4px;\r\n text-align: center;\r\n line-height: 32px;\r\n font-size: 13px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: #ffffff;\r\n cursor: pointer;\r\n}\r\n.reset {\r\n width: 86px;\r\n height: 32px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(151, 151, 151, 0.36);\r\n text-align: center;\r\n line-height: 32px;\r\n font-size: 13px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.85);\r\n cursor: pointer;\r\n}\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: 82%;\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 }\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.z-price {\r\n color: red;\r\n}\r\n\r\n.f-price {\r\n color: green;\r\n}\r\n</style>\r\n"]}]}
|
