{"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\\notify\\smsPay\\index.vue?vue&type=style&index=0&id=12f55984&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\notify\\smsPay\\index.vue","mtime":1761185180144},{"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: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\">&nbsp;</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"]}]}