{"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=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\finance\\commission\\handle\\commissionDetails.vue","mtime":1761614939014},{"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:DQppbXBvcnQgeyBjb21taXNzaW9uRGV0YWlsQXBpLCBleHRyYWN0bGlzdEFwaSB9IGZyb20gJ0AvYXBpL2ZpbmFuY2UnOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2NvbW1pc3Npb25EZXRhaWxzJywNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgbW9kYWxzOiBmYWxzZSwNCiAgICAgIHNwaW5TaG93OiBmYWxzZSwNCiAgICAgIGRldGFpbHNEYXRhOiB7fSwNCiAgICAgIElkczogMCwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIG5pY2tuYW1lOiAnJywNCiAgICAgICAgc3RhcnRfdGltZTogJycsDQogICAgICAgIGVuZF90aW1lOiAnJywNCiAgICAgICAgcGFnZTogMSwgLy8g5b2T5YmN6aG1DQogICAgICAgIGxpbWl0OiAyMCwgLy8g5q+P6aG15pi+56S65p2h5pWwDQogICAgICB9LA0KICAgICAgdG90YWw6IDAsDQogICAgICB0YWJMaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtZWRpYScsIFsnaXNNb2JpbGUnXSksDQogICAgbGFiZWxXaWR0aCgpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogJzgwcHgnOw0KICAgIH0sDQogICAgbGFiZWxQb3NpdGlvbigpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAncmlnaHQnOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgaWYgKHRoaXMuSWRzKSB7DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICB9DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDml7bpl7QNCiAgICBvbmNoYW5nZVRpbWUoZSkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuc3RhcnRfdGltZSA9IGVbMF07DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5lbmRfdGltZSA9IGVbMV07DQogICAgfSwNCiAgICAvLyDor6bmg4UNCiAgICBnZXREZXRhaWxzKGlkKSB7DQogICAgICB0aGlzLklkcyA9IGlkOw0KICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7DQogICAgICBjb21taXNzaW9uRGV0YWlsQXBpKGlkKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMCkgew0KICAgICAgICAgICAgbGV0IGRhdGEgPSByZXMuZGF0YTsNCiAgICAgICAgICAgIHRoaXMuZGV0YWlsc0RhdGEgPSBkYXRhLnVzZXJfaW5mbzsNCiAgICAgICAgICAgIHRoaXMuc3BpblNob3cgPSBmYWxzZTsNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgdGhpcy5zcGluU2hvdyA9IGZhbHNlOw0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgICB9DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5zcGluU2hvdyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5YiX6KGoDQogICAgZ2V0TGlzdCgpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICBleHRyYWN0bGlzdEFwaSh0aGlzLklkcywgdGhpcy5mb3JtVmFsaWRhdGUpDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICBsZXQgZGF0YSA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMudGFiTGlzdCA9IGRhdGEuZGF0YTsNCiAgICAgICAgICB0aGlzLnRvdGFsID0gZGF0YS5jb3VudDsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOaQnOe0og0KICAgIHVzZXJTZWFyY2hzKCkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUucGFnZSA9IDE7DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["commissionDetails.vue"],"names":[],"mappings":";AAyFA;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":"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"]}]}