{"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\\order\\offline\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\offline\\index.vue","mtime":1761185180146},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHsgb3JkZXJTY2FuTGlzdCwgb3JkZXJPZmZsaW5lU2NhbiB9IGZyb20gJ0AvYXBpL29yZGVyJzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0Ym9keTogW10sDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICAgIHRvdGFsOiAwLA0KICAgICAgYW5pbWFsOiAwLCAvLyDpmpDol4/oo4XppbDovrnmoYYNCiAgICAgIHBhZ2luYXRpb246IHsNCiAgICAgICAgcGFnZTogMSwNCiAgICAgICAgbGltaXQ6IDMwLA0KICAgICAgICBvcmRlcl9pZDogJycsDQogICAgICAgIGFkZF90aW1lOiAnJywNCiAgICAgIH0sDQogICAgICB0aW1lVmFsOiBbXSwNCiAgICAgIG1vZGFsOiBmYWxzZSwNCiAgICAgIHFyY29kZTogbnVsbCwNCiAgICAgIG5hbWU6ICcnLA0KICAgICAgc3BpbjogZmFsc2UsDQogICAgICBwaWNrZXJPcHRpb25zOiB0aGlzLiR0aW1lT3B0aW9ucywNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtZWRpYScsIFsnaXNNb2JpbGUnXSksDQogICAgbGFiZWxXaWR0aCgpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogJzgwcHgnOw0KICAgIH0sDQogICAgbGFiZWxQb3NpdGlvbigpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAncmlnaHQnOw0KICAgIH0sDQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRPcmRlckxpc3QoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG9uY2hhbmdlQ29kZShlKSB7DQogICAgICB0aGlzLmFuaW1hbCA9IGU7DQogICAgICB0aGlzLnFyY29kZVNob3coKTsNCiAgICB9LA0KICAgIC8vIOWFt+S9k+aXpeacn+aQnOe0oigp77ybDQogICAgb25jaGFuZ2VUaW1lKGUpIHsNCiAgICAgIHRoaXMucGFnaW5hdGlvbi5wYWdlID0gMTsNCiAgICAgIHRoaXMudGltZVZhbCA9IGUgfHwgW107DQogICAgICB0aGlzLnBhZ2luYXRpb24uYWRkX3RpbWUgPSB0aGlzLnRpbWVWYWxbMF0gPyAodGhpcy50aW1lVmFsID8gdGhpcy50aW1lVmFsLmpvaW4oJy0nKSA6ICcnKSA6ICcnOw0KICAgICAgdGhpcy5nZXRPcmRlckxpc3QoKTsNCiAgICB9LA0KICAgIC8vIOiuouWNleWIl+ihqA0KICAgIGdldE9yZGVyTGlzdCgpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICBvcmRlclNjYW5MaXN0KHRoaXMucGFnaW5hdGlvbikNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIGNvbnN0IHsgY291bnQsIGxpc3QgfSA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMudG90YWwgPSBjb3VudDsNCiAgICAgICAgICB0aGlzLnRib2R5ID0gbGlzdDsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVyci5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIG5hbWVTZWFyY2goKSB7DQogICAgICB0aGlzLnBhZ2luYXRpb24ucGFnZSA9IDE7DQogICAgICB0aGlzLmdldE9yZGVyTGlzdCgpOw0KICAgIH0sDQogICAgLy8g6K6i5Y2V5pCc57SiDQogICAgb3JkZXJTZWFyY2goKSB7DQogICAgICB0aGlzLnBhZ2luYXRpb24ucGFnZSA9IDE7DQogICAgICB0aGlzLmdldE9yZGVyTGlzdCgpOw0KICAgIH0sDQogICAgLy8g5p+l55yL5LqM57u056CBDQogICAgcXJjb2RlU2hvdygpIHsNCiAgICAgIHRoaXMubW9kYWwgPSB0cnVlOw0KDQogICAgICB0aGlzLnNwaW4gPSB0cnVlOw0KICAgICAgb3JkZXJPZmZsaW5lU2Nhbih7IHR5cGU6IHRoaXMuYW5pbWFsIH0pDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLnNwaW4gPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLnFyY29kZSA9IHJlcy5kYXRhOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgIHRoaXMuc3BpbiA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2GA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/order/offline","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=\"pagination\"\r\n          :model=\"pagination\"\r\n          :label-width=\"labelWidth\"\r\n          :label-position=\"labelPosition\"\r\n          @submit.native.prevent\r\n          inline\r\n        >\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              class=\"mr20\"\r\n            ></el-date-picker>\r\n          </el-form-item>\r\n          <el-form-item label=\"订单号：\" label-for=\"title\">\r\n            <el-input clearable v-model=\"pagination.order_id\" placeholder=\"请输入订单号\" class=\"form_content_width\" />\r\n          </el-form-item>\r\n          <el-form-item label=\"用户名：\" label-for=\"title\">\r\n            <el-input clearable v-model=\"pagination.name\" placeholder=\"请输入用户名\" class=\"form_content_width\" />\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" v-db-click @click=\"orderSearch\">查询</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-button type=\"primary\" v-db-click @click=\"qrcodeShow\">查看收款二维码</el-button>\r\n      <el-table\r\n        :data=\"tbody\"\r\n        ref=\"table\"\r\n        class=\"mt14\"\r\n        v-loading=\"loading\"\r\n        highlight-current-row\r\n        no-userFrom-text=\"暂无数据\"\r\n        no-filtered-userFrom-text=\"暂无筛选结果\"\r\n      >\r\n        <el-table-column label=\"订单号\" min-width=\"180\">\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=\"180\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.nickname }} | {{ scope.row.uid }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"实际支付\" min-width=\"180\">\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=\"180\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.true_price }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"支付时间\" min-width=\"180\">\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=\"pagination.page\"\r\n          :limit.sync=\"pagination.limit\"\r\n          @pagination=\"getOrderList\"\r\n        />\r\n      </div>\r\n    </el-card>\r\n    <el-dialog :visible.sync=\"modal\" title=\"收款码\" width=\"540px\">\r\n      <div v-viewer class=\"acea-row row-around code\">\r\n        <div class=\"acea-row row-column-around row-between-wrapper\">\r\n          <div class=\"QRpic\">\r\n            <img v-lazy=\"qrcode && qrcode.wechat\" />\r\n          </div>\r\n          <span class=\"mt10\">{{ animal ? '公众号收款码' : '公众号二维码' }}</span>\r\n        </div>\r\n        <div class=\"acea-row row-column-around row-between-wrapper\">\r\n          <div class=\"QRpic\">\r\n            <img v-lazy=\"qrcode && qrcode.routine\" />\r\n          </div>\r\n          <span class=\"mt10\">{{ animal ? '小程序收款码' : '小程序二维码' }}</span>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { orderScanList, orderOfflineScan } from '@/api/order';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      tbody: [],\r\n      loading: false,\r\n      total: 0,\r\n      animal: 0, // 隐藏装饰边框\r\n      pagination: {\r\n        page: 1,\r\n        limit: 30,\r\n        order_id: '',\r\n        add_time: '',\r\n      },\r\n      timeVal: [],\r\n      modal: false,\r\n      qrcode: null,\r\n      name: '',\r\n      spin: false,\r\n      pickerOptions: this.$timeOptions,\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.getOrderList();\r\n  },\r\n  methods: {\r\n    onchangeCode(e) {\r\n      this.animal = e;\r\n      this.qrcodeShow();\r\n    },\r\n    // 具体日期搜索()；\r\n    onchangeTime(e) {\r\n      this.pagination.page = 1;\r\n      this.timeVal = e || [];\r\n      this.pagination.add_time = this.timeVal[0] ? (this.timeVal ? this.timeVal.join('-') : '') : '';\r\n      this.getOrderList();\r\n    },\r\n    // 订单列表\r\n    getOrderList() {\r\n      this.loading = true;\r\n      orderScanList(this.pagination)\r\n        .then((res) => {\r\n          this.loading = false;\r\n          const { count, list } = res.data;\r\n          this.total = count;\r\n          this.tbody = list;\r\n        })\r\n        .catch((err) => {\r\n          this.loading = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    nameSearch() {\r\n      this.pagination.page = 1;\r\n      this.getOrderList();\r\n    },\r\n    // 订单搜索\r\n    orderSearch() {\r\n      this.pagination.page = 1;\r\n      this.getOrderList();\r\n    },\r\n    // 查看二维码\r\n    qrcodeShow() {\r\n      this.modal = true;\r\n\r\n      this.spin = true;\r\n      orderOfflineScan({ type: this.animal })\r\n        .then((res) => {\r\n          this.spin = false;\r\n          this.qrcode = res.data;\r\n        })\r\n        .catch((err) => {\r\n          this.spin = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.code {\r\n  position: relative;\r\n}\r\n.QRpic {\r\n  width: 180px;\r\n  // height: 259px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n</style>\r\n"]}]}