| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\notify\\smsPay\\index.vue?vue&type=style&index=0&id=12f55984&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\notify\\smsPay\\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:DQouYWN0aXZlIHsNCiAgYmFja2dyb3VuZDogIzAwOTFmZjsNCiAgYm94LXNoYWRvdzogMHB4IDZweCAyMHB4IDBweCByZ2JhKDAsIDE0NSwgMjU1LCAwLjMpOw0KICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KfQ0KLmxpc3QtZ29vZHMtbGlzdC1pdGVtIHsNCiAgYm9yZGVyOiAxcHggc29saWQgI2RhZGZlNjsNCiAgcGFkZGluZzogMjBweCAxMHB4Ow0KICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICBib3JkZXItcmFkaXVzOiAzcHg7DQp9DQoubGlzdC1nb29kcy1saXN0IHsNCiAgJi1pdGVtIHsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDYwJTsNCiAgICB9DQogICAgLml2dS10YWcgew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgdG9wOiAxMHB4Ow0KICAgICAgcmlnaHQ6IDEwcHg7DQogICAgfQ0KICAgICYtdGl0bGUgew0KICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogICAgICBjb2xvcjogIzAwOTFmZjsNCiAgICAgIG1hcmdpbi1ib3R0b206IDNweDsNCiAgICAgIGkgew0KICAgICAgICBmb250LXNpemU6IDMwcHg7DQogICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsNCiAgICAgIH0NCiAgICB9DQogICAgJi1kZXNjIHsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGNvbG9yOiAjODA4Njk1Ow0KICAgIH0NCiAgICAmLXByaWNlIHsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGNvbG9yOiAjMDAwMDAwOw0KICAgICAgcyB7DQogICAgICAgIGNvbG9yOiAjYzVjOGNlOw0KICAgICAgfQ0KICAgIH0NCiAgICAmLW51bWJlciB7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBjb2xvcjogI2VkNDAxNDsNCiAgICB9DQogICAgJi1wYXkgew0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICMwMGMwNTA7DQogICAgICBpIHsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7DQogICAgICAgIGNvbG9yOiAjNmQ3Mjc4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAmLWNvZGUgew0KICAgICAgd2lkdGg6IDEzMHB4Ow0KICAgICAgaGVpZ2h0OiAxMzBweDsNCiAgICAgIGltZyB7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAsNA;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/notify/smsPay","sourcesContent":["<template>\r\n <div v-loading=\"spinShow\">\r\n <div class=\"i-layout-page-header header_top\">\r\n <div class=\"i-layout-page-header fl_header\">\r\n <router-link :to=\"{ path: $routeProStr + '/setting/sms/sms_config/index' }\"\r\n ><el-button size=\"small\" type=\"text\">返回</el-button></router-link\r\n >\r\n <el-divider direction=\"vertical\"></el-divider>\r\n <span class=\"ivu-page-header-title mr20\" style=\"padding: 0\">{{ $route.meta.title }}</span>\r\n </div>\r\n </div>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n <el-tabs v-model=\"isChecked\" @tab-click=\"onChangeType\">\r\n <el-tab-pane label=\"短信\" name=\"sms\"></el-tab-pane>\r\n <el-tab-pane label=\"商品采集\" name=\"copy\"></el-tab-pane>\r\n <el-tab-pane label=\"物流查询\" name=\"expr_query\"></el-tab-pane>\r\n <el-tab-pane label=\"电子面单打印\" name=\"expr_dump\"></el-tab-pane>\r\n </el-tabs>\r\n <el-row :gutter=\"16\" class=\"mt50\">\r\n <el-col :span=\"24\" class=\"ivu-text-left mb20\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"2\" class=\"mr20\">\r\n <span class=\"ivu-text-right ivu-block\">当前剩余条数：</span>\r\n </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <span>{{ numbers }}</span>\r\n </el-col>\r\n </el-col>\r\n <el-col :span=\"24\" class=\"ivu-text-left mb20\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"2\" class=\"mr20\">\r\n <span class=\"ivu-text-right ivu-block\">选择套餐：</span>\r\n </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <el-row :gutter=\"20\">\r\n <el-col v-for=\"(item, index) in list\" :key=\"index\" :xxl=\"4\" :xl=\"8\" :lg=\"8\" :md=\"12\" :sm=\"24\" :xs=\"24\">\r\n <div\r\n class=\"list-goods-list-item mb15\"\r\n :class=\"{ active: index === current }\"\r\n v-db-click\r\n @click=\"check(item, index)\"\r\n >\r\n <div class=\"list-goods-list-item-title\" :class=\"{ active: index === current }\">\r\n ¥ <i>{{ item.price }}</i>\r\n </div>\r\n <div class=\"list-goods-list-item-price\" :class=\"{ active: index === current }\">\r\n <span>{{ all[isChecked] }}条数: {{ item.num }}</span>\r\n </div>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n </el-col>\r\n </el-col>\r\n <el-col :span=\"24\" class=\"ivu-text-left mb20\" v-if=\"checkList\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"2\" class=\"mr20\">\r\n <span class=\"ivu-text-right ivu-block\">充值条数：</span>\r\n </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <span>{{ checkList.num }}</span>\r\n </el-col>\r\n </el-col>\r\n <el-col :span=\"24\" class=\"ivu-text-left mb20\" v-if=\"checkList\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"2\" class=\"mr20\">\r\n <span class=\"ivu-text-right ivu-block\">支付金额：</span>\r\n </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <span class=\"list-goods-list-item-number\">￥{{ checkList.price }}</span>\r\n </el-col>\r\n </el-col>\r\n <el-col :span=\"24\" class=\"ivu-text-left mb20\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"2\" class=\"mr20\">\r\n <span class=\"ivu-text-right ivu-block\">付款方式：</span>\r\n </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <span class=\"list-goods-list-item-pay\"\r\n >微信支付<i v-if=\"code.invalid\">{{ ' （ 支付码过期时间：' + code.invalid + ' ）' }}</i></span\r\n >\r\n </el-col>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-col :xs=\"12\" :sm=\"6\" :md=\"4\" :lg=\"3\" class=\"mr20\"> </el-col>\r\n <el-col :xs=\"11\" :sm=\"13\" :md=\"19\" :lg=\"20\">\r\n <div class=\"list-goods-list-item-code mr20\"><img v-lazy=\"code.code_url\" v-if=\"code.code_url\" /></div>\r\n </el-col>\r\n </el-col>\r\n </el-row>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { smsPriceApi, payCodeApi, isLoginApi, serveInfoApi } from '@/api/setting';\r\nexport default {\r\n name: 'smsPay',\r\n data() {\r\n return {\r\n all: { sms: '短信', copy: '商品采集', expr_query: '物流查询', expr_dump: '电子面单打印' },\r\n isChecked: 'sms',\r\n numbers: '',\r\n account: '',\r\n list: [],\r\n current: 0,\r\n checkList: {},\r\n spinShow: false,\r\n code: {},\r\n };\r\n },\r\n created() {\r\n this.isChecked = this.$route.query.type;\r\n this.onIsLogin();\r\n },\r\n methods: {\r\n // 查看是否登录\r\n onIsLogin() {\r\n this.spinShow = true;\r\n isLoginApi()\r\n .then(async (res) => {\r\n let data = res.data;\r\n if (!data.status) {\r\n this.$message.warning('请先登录');\r\n this.$router.push({\r\n path: this.$routeProStr + '/setting/sms/sms_config/index?url=' + this.$route.path,\r\n query: {\r\n type: this.$route.query.type,\r\n },\r\n });\r\n } else {\r\n this.getServeInfo();\r\n this.getPrice();\r\n }\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 平台用户信息\r\n getServeInfo() {\r\n serveInfoApi()\r\n .then(async (res) => {\r\n let data = res.data;\r\n switch (this.isChecked) {\r\n case 'sms':\r\n this.numbers = data.sms.num;\r\n break;\r\n case 'copy':\r\n this.numbers = data.copy.num;\r\n break;\r\n case 'expr_dump':\r\n this.numbers = data.dump.num;\r\n break;\r\n default:\r\n this.numbers = data.query.num;\r\n break;\r\n }\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n onChangeType() {\r\n this.current = 0;\r\n this.getPrice();\r\n this.getServeInfo();\r\n },\r\n // 支付套餐\r\n getPrice() {\r\n this.spinShow = true;\r\n smsPriceApi({ type: this.isChecked })\r\n .then(async (res) => {\r\n setTimeout(() => {\r\n this.spinShow = false;\r\n }, 800);\r\n let data = res.data;\r\n this.list = data.data;\r\n this.checkList = this.list[0];\r\n this.getCode(this.checkList);\r\n })\r\n .catch((res) => {\r\n this.spinShow = false;\r\n this.$message.error(res.msg);\r\n this.list = [];\r\n });\r\n },\r\n // 选中\r\n check(item, index) {\r\n this.spinShow = true;\r\n this.current = index;\r\n setTimeout(() => {\r\n this.getCode(item);\r\n this.checkList = item;\r\n this.spinShow = false;\r\n }, 800);\r\n },\r\n // 支付码\r\n getCode(item) {\r\n let data = {\r\n pay_type: 'weixin',\r\n meal_id: item.id,\r\n price: item.price,\r\n num: item.num,\r\n type: item.type,\r\n };\r\n payCodeApi(data)\r\n .then(async (res) => {\r\n this.code = res.data;\r\n })\r\n .catch((res) => {\r\n this.code = '';\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.active {\r\n background: #0091ff;\r\n box-shadow: 0px 6px 20px 0px rgba(0, 145, 255, 0.3);\r\n color: #fff !important;\r\n}\r\n.list-goods-list-item {\r\n border: 1px solid #dadfe6;\r\n padding: 20px 10px;\r\n box-sizing: border-box;\r\n border-radius: 3px;\r\n}\r\n.list-goods-list {\r\n &-item {\r\n text-align: center;\r\n position: relative;\r\n cursor: pointer;\r\n img {\r\n width: 60%;\r\n }\r\n .ivu-tag {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n &-title {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: #0091ff;\r\n margin-bottom: 3px;\r\n i {\r\n font-size: 30px;\r\n font-style: normal;\r\n }\r\n }\r\n &-desc {\r\n font-size: 14px;\r\n color: #808695;\r\n }\r\n &-price {\r\n font-size: 14px;\r\n color: #000000;\r\n s {\r\n color: #c5c8ce;\r\n }\r\n }\r\n &-number {\r\n font-size: 14px;\r\n color: #ed4014;\r\n }\r\n &-pay {\r\n font-size: 14px;\r\n color: #00c050;\r\n i {\r\n font-size: 12px;\r\n font-style: normal;\r\n color: #6d7278;\r\n }\r\n }\r\n &-code {\r\n width: 130px;\r\n height: 130px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
