| 1 |
- {"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\\marketing\\storeIntegralOrder\\components\\tableList.vue?vue&type=style&index=0&id=1f0d0e78&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\marketing\\storeIntegralOrder\\components\\tableList.vue","mtime":1761185180132},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQppbWcgew0KICBoZWlnaHQ6IDM2cHg7DQogIGRpc3BsYXk6IGJsb2NrOw0KfQ0KLnRhYkJveCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIC50YWJCb3hfaW1nIHsNCiAgICB3aWR0aDogMzZweDsNCiAgICBoZWlnaHQ6IDM2cHg7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICB9DQogIC50YWJCb3hfdGl0IHsNCiAgICB3aWR0aDogNjAlOw0KICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50Ow0KICAgIG1hcmdpbjogMCAycHggMCAxMHB4Ow0KICAgIGxldHRlci1zcGFjaW5nOiAxcHg7DQogICAgcGFkZGluZzogNXB4IDA7DQogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgfQ0KfQ0KLm9yZGVyRGF0YSA6OnYtZGVlcCAuaXZ1LXRhYmxlLWNlbGwgew0KICBwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsNCn0NCi52ZXJ0aWNhbC1jZW50ZXItbW9kYWwgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCn0NCi5vcmRlckRhdGEgLml2dS10YWJsZSB7DQogIG92ZXJmbG93OiB2aXNpYmxlICFpbXBvcnRhbnQ7DQp9DQoub3JkZXJEYXRhIC5pdnUtdGFibGUgdGggew0KICBvdmVyZmxvdzogdmlzaWJsZSAhaW1wb3J0YW50Ow0KfQ0KLm9yZGVyRGF0YSAuaXZ1LXRhYmxlLWhlYWRlciB7DQogIG92ZXJmbG93OiB2aXNpYmxlICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuaXZ1LXRhYmxlLWhlYWRlciB7DQp9DQo6OnYtZGVlcCAuaXZ1LXRhYmxlIHRoIHsNCiAgb3ZlcmZsb3c6IHZpc2libGU7DQp9DQo6OnYtZGVlcCAuc2VsZWN0LWl0ZW06aG92ZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNmM2YzOw0KfQ0KOjp2LWRlZXAgLnNlbGVjdC1vbiB7DQogIGRpc3BsYXk6IGJsb2NrOw0KfQ0KOjp2LWRlZXAgLnNlbGVjdC1pdGVtLm9uIHsNCiAgYmFja2dyb3VuZDogI2YzZjNmMzsNCn0NCg=="},{"version":3,"sources":["tableList.vue"],"names":[],"mappings":";AA+bA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"tableList.vue","sourceRoot":"src/pages/marketing/storeIntegralOrder/components","sourcesContent":["<template>\r\n <div>\r\n <el-table\r\n :data=\"orderList\"\r\n ref=\"table\"\r\n v-loading=\"loading\"\r\n highlight-current-row\r\n empty-text=\"暂无数据\"\r\n @select=\"selectAll\"\r\n @select-all=\"selectAll\"\r\n class=\"orderData\"\r\n >\r\n <!-- <el-table-column type=\"selection\" width=\"55\"> </el-table-column> -->\r\n <el-table-column label=\"订单号\" min-width=\"150\">\r\n <template slot-scope=\"scope\">\r\n <span v-text=\"scope.row.order_id\" style=\"display: block\"></span>\r\n <span v-if=\"scope.row.is_del == 1\" style=\"color: #ed4014; display: block\">用户已删除</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"用户信息\" min-width=\"100\">\r\n <template slot-scope=\"scope\"> {{ scope.row.nickname }}/{{ scope.row.uid }} </template>\r\n </el-table-column>\r\n <el-table-column label=\"商品信息\" min-width=\"330\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tabBox\">\r\n <div class=\"tabBox_img\" v-viewer>\r\n <img v-lazy=\"scope.row.image\" />\r\n </div>\r\n <span class=\"tabBox_tit\"> {{ scope.row.store_name + ' | ' }}{{ scope.row.suk ? scope.row.suk : '' }} </span>\r\n <span class=\"tabBox_pice\">{{ '积分' + scope.row.total_price + ' x ' + scope.row.total_num }}</span>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"兑换积分\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.total_price }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"订单状态\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.status_name }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"下单时间\" min-width=\"100\">\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=\"操作\" fixed=\"right\" width=\"150\">\r\n <template slot-scope=\"scope\">\r\n <a v-db-click @click=\"sendOrder(scope.row)\" v-if=\"scope.row.status === 1\">发送货</a>\r\n <a v-db-click @click=\"delivery(scope.row)\" v-if=\"scope.row.status === 2\">配送信息</a>\r\n <el-divider direction=\"vertical\" v-if=\"scope.row.status === 1 || scope.row.status === 2\" />\r\n <template>\r\n <el-dropdown size=\"small\" @command=\"changeMenu(scope.row, $event)\" :transfer=\"true\">\r\n <span class=\"el-dropdown-link\">更多<i class=\"el-icon-arrow-down el-icon--right\"></i> </span>\r\n\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"2\">订单详情</el-dropdown-item>\r\n <el-dropdown-item command=\"3\">订单记录</el-dropdown-item>\r\n <el-dropdown-item command=\"11\" v-show=\"scope.row.status >= 1 && scope.row.express_dump\"\r\n >电子面单打印</el-dropdown-item\r\n >\r\n <!-- <el-dropdown-item command=\"10\" v-show=\"scope.row.status >= 1\">小票打印</el-dropdown-item> -->\r\n <!-- <el-dropdown-item name=\"10\" v-show=\"scope.row._status >= 2\">订单打印</el-dropdown-item> -->\r\n <el-dropdown-item command=\"4\" v-show=\"scope.row.status !== 4\">订单备注</el-dropdown-item>\r\n <el-dropdown-item command=\"8\" v-show=\"scope.row.status === 2\">已收货</el-dropdown-item>\r\n <el-dropdown-item command=\"9\" v-show=\"scope.row.is_del === 1\">删除订单</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </template>\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=\"page.pageNum\"\r\n :limit.sync=\"page.pageSize\"\r\n @pagination=\"getList\"\r\n />\r\n </div>\r\n <!-- 编辑 退款 退积分 不退款-->\r\n <edit-from ref=\"edits\" :FromData=\"FromData\" @submitFail=\"submitFail\"></edit-from>\r\n <!-- 会员详情-->\r\n <user-details ref=\"userDetails\"></user-details>\r\n <!-- 详情 -->\r\n <details-from ref=\"detailss\" :orderDatalist=\"orderDatalist\" :orderId=\"orderId\"></details-from>\r\n <!-- 备注 -->\r\n <order-remark ref=\"remarks\" :orderId=\"orderId\" @submitFail=\"submitFail\"></order-remark>\r\n <!-- 记录 -->\r\n <order-record ref=\"record\"></order-record>\r\n <!-- 发送货 -->\r\n <order-send ref=\"send\" :orderId=\"orderId\" @submitFail=\"submitFail\"></order-send>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport expandRow from './tableExpand.vue';\r\nimport {\r\n orderList,\r\n getOrdeDatas,\r\n getDataInfo,\r\n getRefundFrom,\r\n getnoRefund,\r\n refundIntegral,\r\n getDistribution,\r\n writeUpdate,\r\n} from '@/api/order';\r\nimport { getIntegralOrderDataInfo, integralOrderList, getIntegralOrderDistribution } from '@/api/marketing';\r\nimport { mapState, mapMutations } from 'vuex';\r\nimport editFrom from '../../../../components/from/from';\r\nimport detailsFrom from '../handle/orderDetails';\r\nimport orderRemark from '../handle/orderRemark';\r\nimport orderRecord from '../handle/orderRecord';\r\nimport orderSend from '../handle/orderSend';\r\nimport userDetails from '@/pages/user/list/handle/userDetails';\r\n\r\nexport default {\r\n name: 'table_list',\r\n components: {\r\n expandRow,\r\n editFrom,\r\n detailsFrom,\r\n orderRemark,\r\n orderRecord,\r\n orderSend,\r\n userDetails,\r\n },\r\n props: ['where', 'isAll'],\r\n data() {\r\n return {\r\n delfromData: {},\r\n modal: false,\r\n orderList: [],\r\n orderCards: [],\r\n loading: false,\r\n orderId: 0,\r\n total: 0, // 总条数\r\n page: {\r\n pageNum: 1, // 当前页\r\n pageSize: 10, // 每页显示条数\r\n },\r\n data: [],\r\n FromData: null,\r\n orderDatalist: null,\r\n modalTitleSs: '',\r\n isDelIdList: [],\r\n checkBox: false,\r\n formSelection: [],\r\n selectionCopy: [],\r\n display: 'none',\r\n autoDisabled: false,\r\n // isAll: -1,\r\n };\r\n },\r\n computed: {\r\n ...mapState('integralOrder', ['orderPayType', 'orderStatus', 'orderTime', 'orderNum', 'fieldKey', 'orderType']),\r\n },\r\n mounted() {\r\n this.getList();\r\n },\r\n activated() {\r\n this.getList();\r\n },\r\n watch: {\r\n orderType: function () {\r\n this.page.pageNum = 1;\r\n this.getList();\r\n },\r\n formSelection(value) {\r\n this.$emit('order-select', value);\r\n if (value.length) {\r\n this.$emit('auto-disabled', 0);\r\n } else {\r\n this.$emit('auto-disabled', 1);\r\n }\r\n let isDel = value.some((item) => {\r\n return item.is_del === 1;\r\n });\r\n this.getIsDel(isDel);\r\n this.getisDelIdListl(value);\r\n },\r\n orderList: {\r\n deep: true,\r\n handler(value) {\r\n value.forEach((item) => {\r\n this.formSelection.forEach((itm) => {\r\n if (itm.id === item.id) {\r\n item.checkBox = true;\r\n }\r\n });\r\n });\r\n const arr = this.orderList.filter((item) => item.checkBox);\r\n if (this.orderList.length) {\r\n this.checkBox = this.orderList.length === arr.length;\r\n } else {\r\n this.checkBox = false;\r\n }\r\n },\r\n },\r\n },\r\n methods: {\r\n ...mapMutations('integralOrder', ['getIsDel', 'getisDelIdListl']),\r\n selectAll(row) {\r\n if (row.length) {\r\n this.formSelection = row;\r\n this.selectionCopy = row;\r\n }\r\n this.selectionCopy.forEach((item, index) => {\r\n item.checkBox = this.checkBox;\r\n this.$set(this.orderList, index, item);\r\n });\r\n },\r\n showUserInfo(row) {\r\n this.$refs.userDetails.modals = true;\r\n this.$refs.userDetails.getDetails(row.uid);\r\n },\r\n // 操作\r\n changeMenu(row, name) {\r\n this.orderId = row.id;\r\n switch (name) {\r\n case '2':\r\n this.getData(row.id);\r\n break;\r\n case '3':\r\n this.$refs.record.modals = true;\r\n this.$refs.record.getList(row.id);\r\n break;\r\n case '4':\r\n this.$refs.remarks.modals = true;\r\n this.$refs.remarks.formValidate.remark = row.remark;\r\n break;\r\n case '5':\r\n this.getRefundData(row.id);\r\n break;\r\n case '6':\r\n this.getRefundIntegral(row.id);\r\n break;\r\n case '7':\r\n this.getNoRefundData(row.id);\r\n break;\r\n case '8':\r\n this.delfromData = {\r\n title: '修改确认收货',\r\n url: `marketing/integral/order/take/${row.id}`,\r\n method: 'put',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n // this.modalTitleSs = '修改确认收货';\r\n break;\r\n case '10':\r\n this.delfromData = {\r\n title: '立即打印订单',\r\n info: '您确认打印此订单吗?',\r\n url: `marketing/integral/order/print/${row.id}`,\r\n method: 'get',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.$emit('changeGetTabs');\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n break;\r\n case '11':\r\n this.delfromData = {\r\n title: '立即打印电子面单',\r\n info: '您确认打印此电子面单吗?',\r\n url: `/order/order_dump/${row.id}`,\r\n method: 'get',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n break;\r\n default:\r\n this.delfromData = {\r\n title: '删除订单',\r\n url: `marketing/integral/order/del/${row.id}`,\r\n method: 'DELETE',\r\n ids: '',\r\n };\r\n // this.modalTitleSs = '删除订单';\r\n this.delOrder(row, this.delfromData);\r\n }\r\n },\r\n // 立即支付 /确认收货//删除单条订单\r\n submitModel() {\r\n this.getList();\r\n },\r\n // 订单列表\r\n getList(res) {\r\n this.page.pageNum = res === 1 ? 1 : this.page.pageNum;\r\n this.loading = true;\r\n integralOrderList({\r\n page: this.page.pageNum,\r\n limit: this.page.pageSize,\r\n status: this.orderStatus,\r\n pay_type: this.orderPayType,\r\n data: this.orderTime,\r\n real_name: this.orderNum,\r\n field_key: this.fieldKey,\r\n type: this.orderType === 0 ? '' : this.orderType,\r\n product_id: this.$route.query.product_id,\r\n })\r\n .then(async (res) => {\r\n let data = res.data;\r\n // this.orderList = data.data;\r\n this.orderList = data.data.map((item) => {\r\n // item.checkBox = false;\r\n if (this.isAll === 1) {\r\n item.checkBox = true;\r\n } else {\r\n item.checkBox = false;\r\n }\r\n return item;\r\n });\r\n this.orderCards = data.stat;\r\n this.total = data.count;\r\n this.$emit('on-changeCards', data.stat);\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 onSelectTab(selection) {\r\n this.formSelection = selection;\r\n let isDel = selection.some((item) => {\r\n return item.is_del === 1;\r\n });\r\n this.getIsDel(isDel);\r\n this.getisDelIdListl(selection);\r\n },\r\n // 编辑\r\n edit(row) {\r\n this.getOrderData(row.id);\r\n },\r\n // 删除单条订单\r\n delOrder(row, data) {\r\n if (row.is_del === 1) {\r\n this.$modalSure(data)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n this.$message.error('您选择的的订单存在用户未删除的订单，无法删除用户未删除的订单！');\r\n }\r\n },\r\n // 获取编辑表单数据\r\n getOrderData(id) {\r\n getOrdeDatas(id)\r\n .then(async (res) => {\r\n if (res.data.status === false) {\r\n return this.$authLapse(res.data);\r\n }\r\n this.$authLapse(res.data);\r\n this.FromData = res.data;\r\n this.$refs.edits.modals = true;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 获取详情表单数据\r\n getData(id) {\r\n getIntegralOrderDataInfo(id)\r\n .then(async (res) => {\r\n this.$refs.detailss.modals = true;\r\n this.orderDatalist = res.data;\r\n if (this.orderDatalist.orderInfo.refund_reason_wap_img) {\r\n try {\r\n this.orderDatalist.orderInfo.refund_reason_wap_img = JSON.parse(\r\n this.orderDatalist.orderInfo.refund_reason_wap_img,\r\n );\r\n } catch (e) {\r\n this.orderDatalist.orderInfo.refund_reason_wap_img = [];\r\n }\r\n }\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 修改成功\r\n submitFail() {\r\n this.$emit('updata');\r\n this.getList();\r\n },\r\n // 发送货\r\n sendOrder(row) {\r\n this.$refs.send.modals = true;\r\n this.$refs.send.getList();\r\n this.$refs.send.getDeliveryList();\r\n // this.$refs.send.getSheetInfo();\r\n this.orderId = row.id;\r\n },\r\n // 配送信息表单数据\r\n delivery(row) {\r\n getIntegralOrderDistribution(row.id)\r\n .then(async (res) => {\r\n this.FromData = res.data;\r\n this.$refs.edits.modals = true;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n change(status) {},\r\n // 数据导出；\r\n exportData: function () {\r\n this.$refs.table.exportCsv({\r\n filename: '商品列表',\r\n });\r\n },\r\n onSelectCancel(selection, row) {},\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nimg {\r\n height: 36px;\r\n display: block;\r\n}\r\n.tabBox {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n .tabBox_img {\r\n width: 36px;\r\n height: 36px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .tabBox_tit {\r\n width: 60%;\r\n font-size: 12px !important;\r\n margin: 0 2px 0 10px;\r\n letter-spacing: 1px;\r\n padding: 5px 0;\r\n box-sizing: border-box;\r\n }\r\n}\r\n.orderData ::v-deep .ivu-table-cell {\r\n padding-left: 0 !important;\r\n}\r\n.vertical-center-modal {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.orderData .ivu-table {\r\n overflow: visible !important;\r\n}\r\n.orderData .ivu-table th {\r\n overflow: visible !important;\r\n}\r\n.orderData .ivu-table-header {\r\n overflow: visible !important;\r\n}\r\n::v-deep .ivu-table-header {\r\n}\r\n::v-deep .ivu-table th {\r\n overflow: visible;\r\n}\r\n::v-deep .select-item:hover {\r\n background-color: #f3f3f3;\r\n}\r\n::v-deep .select-on {\r\n display: block;\r\n}\r\n::v-deep .select-item.on {\r\n background: #f3f3f3;\r\n}\r\n</style>\r\n"]}]}
|
