{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\user\\grade\\record\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\user\\grade\\record\\index.vue","mtime":1761185180228},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyB1c2VyTWVtYmVyQ2FyZCwgbWVtYmVyUmVjb3JkIH0gZnJvbSAnQC9hcGkvdXNlcic7DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjYXJkJywNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdHJlZVNlbGVjdDogWw0KICAgICAgICB7DQogICAgICAgICAgaWQ6ICdmcmVlJywNCiAgICAgICAgICBsYWJlbDogJ+ivleeUqCcsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBpZDogJ2NhcmQnLA0KICAgICAgICAgIGxhYmVsOiAn5Y2h5a+GJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGlkOiAnbW9udGgnLA0KICAgICAgICAgIGxhYmVsOiAn5pyI5Y2hJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGlkOiAncXVhcnRlcicsDQogICAgICAgICAgbGFiZWw6ICflraPljaEnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgaWQ6ICd5ZWFyJywNCiAgICAgICAgICBsYWJlbDogJ+W5tOWNoScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBpZDogJ2V2ZXInLA0KICAgICAgICAgIGxhYmVsOiAn5rC45LmFJywNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBwYXlMaXN0OiBbDQogICAgICAgIHsNCiAgICAgICAgICB2YWw6ICdmcmVlJywNCiAgICAgICAgICBsYWJlbDogJ+WFjei0uScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWw6ICd3ZWl4aW4nLA0KICAgICAgICAgIGxhYmVsOiAn5b6u5L+hJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbDogJ2FsaXBheScsDQogICAgICAgICAgbGFiZWw6ICfmlK/ku5jlrp0nLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIHRib2R5OiBbXSwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgdG90YWw6IDAsDQogICAgICBmb3JtVmFsaWRhdGU6IHsNCiAgICAgICAgbmFtZTogJycsDQogICAgICAgIG1lbWJlcl90eXBlOiAnJywNCiAgICAgICAgcGF5X3R5cGU6ICcnLA0KICAgICAgICBhZGRfdGltZTogJycsDQogICAgICB9LA0KICAgICAgcGlja2VyT3B0aW9uczogdGhpcy4kdGltZU9wdGlvbnMsDQogICAgICB0aW1lVmFsOiBbXSwNCiAgICAgIHRhYmxlUGFnZTogew0KICAgICAgICBwYWdlOiAxLA0KICAgICAgICBsaW1pdDogMTUsDQogICAgICB9LA0KICAgIH07DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwU3RhdGUoJ21lZGlhJywgWydpc01vYmlsZSddKSwNCiAgICBsYWJlbFdpZHRoKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAnODBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLmdldE1lbWJlclJlY29yZCgpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLy8g55So5oi35ZCN5pCc57Si77ybDQogICAgc2VsQ2hhbmdlKCkgew0KICAgICAgdGhpcy50YWJsZVBhZ2UucGFnZSA9IDE7DQogICAgICB0aGlzLmdldE1lbWJlclJlY29yZCgpOw0KICAgIH0sDQogICAgLy/nlKjmiLfnsbvlnovmkJzntKLvvJsNCiAgICB1c2VyU2VhcmNocygpIHsNCiAgICAgIHRoaXMudGFibGVQYWdlLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5nZXRNZW1iZXJSZWNvcmQoKTsNCiAgICB9LA0KICAgIC8v5pSv5LuY5pa55byP5pCc57Si77ybDQogICAgcGF5U2VhcmNocygpIHsNCiAgICAgIHRoaXMudGFibGVQYWdlLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5nZXRNZW1iZXJSZWNvcmQoKTsNCiAgICB9LA0KICAgIC8vIOWFt+S9k+aXpeacnw0KICAgIG9uY2hhbmdlVGltZShlKSB7DQogICAgICB0aGlzLnRpbWVWYWwgPSBlIHx8IFtdOw0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuYWRkX3RpbWUgPSB0aGlzLnRpbWVWYWxbMF0gPyAodGhpcy50aW1lVmFsID8gdGhpcy50aW1lVmFsLmpvaW4oJy0nKSA6ICcnKSA6ICcnOw0KICAgICAgdGhpcy50YWJsZVBhZ2UucGFnZSA9IDE7DQogICAgICB0aGlzLmdldE1lbWJlclJlY29yZCgpOw0KICAgIH0sDQogICAgZ2V0TWVtYmVyUmVjb3JkKCkgew0KICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsNCiAgICAgIGxldCBkYXRhID0gew0KICAgICAgICBwYWdlOiB0aGlzLnRhYmxlUGFnZS5wYWdlLA0KICAgICAgICBsaW1pdDogdGhpcy50YWJsZVBhZ2UubGltaXQsDQogICAgICAgIG1lbWJlcl90eXBlOiB0aGlzLmZvcm1WYWxpZGF0ZS5tZW1iZXJfdHlwZSwNCiAgICAgICAgcGF5X3R5cGU6IHRoaXMuZm9ybVZhbGlkYXRlLnBheV90eXBlLA0KICAgICAgICBhZGRfdGltZTogdGhpcy5mb3JtVmFsaWRhdGUuYWRkX3RpbWUsDQogICAgICAgIG5hbWU6IHRoaXMuZm9ybVZhbGlkYXRlLm5hbWUsDQogICAgICB9Ow0KICAgICAgbWVtYmVyUmVjb3JkKGRhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICBjb25zdCB7IGxpc3QsIGNvdW50IH0gPSByZXMuZGF0YTsNCiAgICAgICAgICB0aGlzLnRib2R5ID0gbGlzdDsNCiAgICAgICAgICB0aGlzLnRvdGFsID0gY291bnQ7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAoHA;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;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/user/grade/record","sourcesContent":["<template>\r\n  <div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: 0 }\">\r\n      <div class=\"padding-add\">\r\n        <el-form\r\n          ref=\"formValidate\"\r\n          :model=\"formValidate\"\r\n          :label-width=\"labelWidth\"\r\n          :label-position=\"labelPosition\"\r\n          inline\r\n          @submit.native.prevent\r\n          class=\"tabform\"\r\n        >\r\n          <el-form-item label=\"会员类型：\">\r\n            <el-select v-model=\"formValidate.member_type\" clearable @change=\"userSearchs\" class=\"form_content_width\">\r\n              <el-option v-for=\"item in treeSelect\" :value=\"item.id\" :key=\"item.id\" :label=\"item.label\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"支付方式：\">\r\n            <el-select v-model=\"formValidate.pay_type\" clearable @change=\"paySearchs\" class=\"form_content_width\">\r\n              <el-option v-for=\"item in payList\" :value=\"item.val\" :key=\"item.val\" :label=\"item.label\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"购买时间：\">\r\n            <el-date-picker\r\n              clearable\r\n              v-model=\"timeVal\"\r\n              type=\"daterange\"\r\n              :editable=\"false\"\r\n              @change=\"onchangeTime\"\r\n              format=\"yyyy/MM/dd\"\r\n              value-format=\"yyyy/MM/dd\"\r\n              start-placeholder=\"开始日期\"\r\n              end-placeholder=\"结束日期\"\r\n              :picker-options=\"pickerOptions\"\r\n              style=\"width: 250px\"\r\n            ></el-date-picker>\r\n          </el-form-item>\r\n          <el-form-item label=\"搜索：\">\r\n            <el-input\r\n              clearable\r\n              placeholder=\"请输入用户名称搜索\"\r\n              v-model=\"formValidate.name\"\r\n              class=\"form_content_width\"\r\n            />\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" v-db-click @click=\"userSearchs\">查询</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </div>\r\n    </el-card>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt16\">\r\n      <el-table\r\n        :data=\"tbody\"\r\n        ref=\"table\"\r\n        v-loading=\"loading\"\r\n        size=\"small\"\r\n        no-userFrom-text=\"暂无数据\"\r\n        no-filtered-userFrom-text=\"暂无筛选结果\"\r\n      >\r\n        <el-table-column label=\"订单号\" width=\"170\">\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=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.user.nickname }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"手机号码\" min-width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.user.phone || '--' }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"会员类型\" min-width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.member_type }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"有效期限（天）\" min-width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.vip_day === -1 ? '永久' : scope.row.vip_day }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"支付金额（元）\" min-width=\"50\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.pay_price }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"支付方式\" min-width=\"30\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.pay_type }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"购买时间\" min-width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.pay_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=\"tablePage.page\"\r\n          :limit.sync=\"tablePage.limit\"\r\n          @pagination=\"getMemberRecord\"\r\n        />\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { userMemberCard, memberRecord } from '@/api/user';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n  name: 'card',\r\n  data() {\r\n    return {\r\n      treeSelect: [\r\n        {\r\n          id: 'free',\r\n          label: '试用',\r\n        },\r\n        {\r\n          id: 'card',\r\n          label: '卡密',\r\n        },\r\n        {\r\n          id: 'month',\r\n          label: '月卡',\r\n        },\r\n        {\r\n          id: 'quarter',\r\n          label: '季卡',\r\n        },\r\n        {\r\n          id: 'year',\r\n          label: '年卡',\r\n        },\r\n        {\r\n          id: 'ever',\r\n          label: '永久',\r\n        },\r\n      ],\r\n      payList: [\r\n        {\r\n          val: 'free',\r\n          label: '免费',\r\n        },\r\n        {\r\n          val: 'weixin',\r\n          label: '微信',\r\n        },\r\n        {\r\n          val: 'alipay',\r\n          label: '支付宝',\r\n        },\r\n      ],\r\n      tbody: [],\r\n      loading: false,\r\n      total: 0,\r\n      formValidate: {\r\n        name: '',\r\n        member_type: '',\r\n        pay_type: '',\r\n        add_time: '',\r\n      },\r\n      pickerOptions: this.$timeOptions,\r\n      timeVal: [],\r\n      tablePage: {\r\n        page: 1,\r\n        limit: 15,\r\n      },\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.getMemberRecord();\r\n  },\r\n  methods: {\r\n    // 用户名搜索；\r\n    selChange() {\r\n      this.tablePage.page = 1;\r\n      this.getMemberRecord();\r\n    },\r\n    //用户类型搜索；\r\n    userSearchs() {\r\n      this.tablePage.page = 1;\r\n      this.getMemberRecord();\r\n    },\r\n    //支付方式搜索；\r\n    paySearchs() {\r\n      this.tablePage.page = 1;\r\n      this.getMemberRecord();\r\n    },\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.timeVal = e || [];\r\n      this.formValidate.add_time = this.timeVal[0] ? (this.timeVal ? this.timeVal.join('-') : '') : '';\r\n      this.tablePage.page = 1;\r\n      this.getMemberRecord();\r\n    },\r\n    getMemberRecord() {\r\n      this.loading = true;\r\n      let data = {\r\n        page: this.tablePage.page,\r\n        limit: this.tablePage.limit,\r\n        member_type: this.formValidate.member_type,\r\n        pay_type: this.formValidate.pay_type,\r\n        add_time: this.formValidate.add_time,\r\n        name: this.formValidate.name,\r\n      };\r\n      memberRecord(data)\r\n        .then((res) => {\r\n          this.loading = false;\r\n          const { list, count } = res.data;\r\n          this.tbody = list;\r\n          this.total = count;\r\n        })\r\n        .catch((err) => {\r\n          this.loading = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n"]}]}