| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\order\\offline\\index.vue?vue&type=style&index=0&id=7b648b51&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\order\\offline\\index.vue","mtime":1761614939043},{"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:DQouY29kZSB7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCi5RUnBpYyB7DQogIHdpZHRoOiAxODBweDsNCiAgLy8gaGVpZ2h0OiAyNTlweDsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAuMA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
