{"version":3,"sources":["webpack:///./src/views/costCenter/CostOverview.vue?15fe","webpack:///src/views/costCenter/CostOverview.vue","webpack:///./src/views/costCenter/CostOverview.vue?fb04","webpack:///./src/views/costCenter/CostOverview.vue","webpack:///./src/views/costCenter/CostOverview.vue?ff4e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","informationList","rank","_s","totalBalance","totalSmsBalance","toFixed","smsBalance","mmsBalance","gbVoiceBalance","gbSmsBalance","_e","staticStyle","attrs","tableData","scopedSlots","_u","key","fn","scope","row","appName","appStatus","totalCount","searchForm","pageNo","pageSize","Math","ceil","on","handleSizeChange","handleCurrentChange","staticRenderFns","name","inject","data","methods","newPage","getCostList","jumptopUp","$router","push","$store","commit","reload","created","getTotalBalance","getAccountList","mounted","directives","component"],"mappings":"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","file":"js/chunk-49ed7c22.434a279f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"appPage\"},[_c('div',{staticClass:\"applicationList \"},[_c('div',{staticClass:\"breadcrumbs\"},[_vm._v(\"费用总览\")]),_c('div',{staticClass:\"pad\"},[(_vm.informationList.rank==='1')?_c('el-card',{staticClass:\"box-card headerinformation\"},[_c('div',{staticClass:\"pad1\"},[_c('div',{staticClass:\"balance\"},[_c('div',[_c('h4',[_vm._v(\"账户余额\")]),_c('h4',[_vm._v(\"￥\"+_vm._s(_vm.totalBalance.totalSmsBalance.toFixed(2)))])]),_c('div',[_c('h4',[_vm._v(\"国内短信余额\")]),_c('h4',[_vm._v(\"￥\"+_vm._s(_vm.totalBalance.smsBalance.toFixed(2)))])]),_c('div',[_c('h4',[_vm._v(\"视频短信余额\")]),_c('h4',[_vm._v(\"￥\"+_vm._s(_vm.totalBalance.mmsBalance.toFixed(2)))])]),_c('div',[_c('h4',[_vm._v(\"语音验证码余额\")]),_c('h4',[_vm._v(\"￥\"+_vm._s(_vm.totalBalance.gbVoiceBalance.toFixed(2)))])]),_c('div',[_c('h4',[_vm._v(\"国际短信余额\")]),_c('h4',[_vm._v(\"￥\"+_vm._s(_vm.totalBalance.gbSmsBalance.toFixed(2)))])])]),_c('div')])]):_vm._e(),_c('el-card',{staticClass:\"box-card  content-card\"},[_c('div',{staticClass:\"pad1\"},[_c('p',{staticClass:\"p1\"},[_vm._v(\"应用余额\")]),_c('div',{staticClass:\"dataContent\"},[[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData}},[_c('el-table-column',{attrs:{\"prop\":\"appName\",\"label\":\"应用名称\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"tixing\"},[_vm._v(\" \"+_vm._s(scope.row.appName)+\" \"),(scope.row.appStatus==='1')?_c('i',[_c('span',[_vm._v(\"已禁用\")])]):(scope.row.appStatus==='2')?_c('i',[_c('span',[_vm._v(\"已冻结\")])]):_vm._e()])]}}])}),(_vm.informationList.rank==='1')?_c('el-table-column',{attrs:{\"prop\":\"unallocatedSmsBalance\",\"label\":\"未分配余额\",\"align\":\"right\"}}):_vm._e(),_c('el-table-column',{attrs:{\"prop\":\"smsBalance\",\"label\":\"国内短信余额\",\"align\":\"right\"}}),_c('el-table-column',{attrs:{\"prop\":\"gbSmsBalance\",\"label\":\"国际短信余额\",\"align\":\"right\"}}),_c('el-table-column',{attrs:{\"prop\":\"mmsBalance\",\"label\":\"视频短信余额\",\"align\":\"right\"}}),_c('el-table-column',{attrs:{\"prop\":\"gbVoiceBalance\",\"align\":\"right\",\"label\":\"语音验证码余额\"}})],1),_c('div',{staticClass:\"pagination\"},[_c('div',{staticClass:\"zhanshi\"},[_vm._v(\"当前显示\"),(_vm.totalCount===0)?_c('span',[_vm._v(\"0-0\")]):(_vm.totalCount!==0)?_c('span',[_vm._v(_vm._s(1 + (_vm.searchForm.pageNo - 1) * _vm.searchForm.pageSize)),(_vm.searchForm.pageNo===Math.ceil(_vm.totalCount/_vm.searchForm.pageSize))?_c('span',[_vm._v(\"-\"+_vm._s(_vm.totalCount))]):_c('span',[_vm._v(\"-\"+_vm._s(_vm.searchForm.pageNo * _vm.searchForm.pageSize))])]):_vm._e(),_vm._v(\"条记录，共\"+_vm._s(_vm.totalCount)+\"条记录 \")]),_c('el-pagination',{attrs:{\"current-page\":_vm.searchForm.pageNo,\"page-size\":_vm.searchForm.pageSize,\"page-sizes\":[5, 10, 20, 30, 40],\"layout\":\" prev, pager, next, jumper\",\"total\":_vm.totalCount},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)]],2)])])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"appPage\">\n      <!-- 应用列表 -->\n      <div class=\"applicationList \">\n        <div class=\"breadcrumbs\">费用总览</div>\n        <div class=\"pad\">\n          <el-card\n            class=\"box-card headerinformation\"\n            v-if=\"informationList.rank==='1'\"\n          >\n            <div class=\"pad1\">\n              <div class=\"balance\">\n                <div>\n                  <h4>账户余额</h4>\n                  <h4>￥{{ totalBalance.totalSmsBalance.toFixed(2) }}</h4>\n                </div>\n                <div>\n                  <h4>国内短信余额</h4>\n                  <h4>￥{{ totalBalance.smsBalance.toFixed(2) }}</h4>\n                </div>\n                <div>\n                  <h4>视频短信余额</h4>\n                  <h4>￥{{ totalBalance.mmsBalance.toFixed(2) }}</h4>\n                </div>\n                <div>\n                  <h4>语音验证码余额</h4>\n                  <h4>￥{{ totalBalance.gbVoiceBalance.toFixed(2) }}</h4>\n                </div>\n                <div>\n                  <h4>国际短信余额</h4>\n                  <h4>￥{{ totalBalance.gbSmsBalance.toFixed(2) }}</h4>\n                </div>\n              </div>\n              <div>\n<!--                <el-button type=\"primary\" size=\"mini\" @click=\"jumptopUp()\">充值</el-button>-->\n                <!-- <p>¥ 808080.88<span>充值</span><span>转账</span></p> -->\n              </div>\n            </div>\n\n          </el-card>\n          <el-card class=\"box-card  content-card\">\n            <div class=\"pad1\">\n              <p class=\"p1\">应用余额</p>\n              <div class=\"dataContent\">\n                <template>\n                  <el-table :data=\"tableData\"\n                            style=\"width: 100%\">\n                    <el-table-column prop=\"appName\"\n                                     label=\"应用名称\">\n                      <template slot-scope=\"scope\">\n                        <div class=\"tixing\">\n                          {{ scope.row.appName }}\n                          <i v-if=\"scope.row.appStatus==='1'\">\n                            <span>已禁用</span>\n                          </i>\n                          <i v-else-if=\"scope.row.appStatus==='2'\">\n                            <span>已冻结</span>\n                          </i>\n                        </div>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"unallocatedSmsBalance\"\n                                     label=\"未分配余额\"\n                                     align=\"right\"\n                                     v-if=\"informationList.rank==='1'\">\n                    </el-table-column>\n                    <el-table-column prop=\"smsBalance\"\n                                     label=\"国内短信余额\"\n                                     align=\"right\">\n                    </el-table-column>\n                    <el-table-column prop=\"gbSmsBalance\"\n                                     label=\"国际短信余额\"\n                                     align=\"right\">\n                    </el-table-column>\n                    <el-table-column prop=\"mmsBalance\"\n                                     label=\"视频短信余额\"\n                                     align=\"right\">\n                    </el-table-column>\n                    <el-table-column prop=\"gbVoiceBalance\"\n                                     align=\"right\"\n                                     label=\"语音验证码余额\">\n                    </el-table-column>\n                  </el-table>\n\n                  <div class=\"pagination\">\n\n                    <div class=\"zhanshi\">当前显示<span v-if=\"totalCount===0\">0-0</span> <span\n                      v-else-if=\"totalCount!==0\">{{ 1 + (searchForm.pageNo - 1) * searchForm.pageSize }}<span\n                      v-if=\"searchForm.pageNo===Math.ceil(totalCount/searchForm.pageSize)\">-{{ totalCount }}</span><span\n                      v-else>-{{ searchForm.pageNo * searchForm.pageSize }}</span></span>条记录，共{{ totalCount }}条记录\n                    </div>\n                    <el-pagination @size-change=\"handleSizeChange\"\n                                   @current-change=\"handleCurrentChange\"\n                                   :current-page=\"searchForm.pageNo\"\n                                   :page-size=\"searchForm.pageSize\"\n                                   :page-sizes=\"[5, 10, 20, 30, 40]\"\n                                   layout=\" prev, pager, next, jumper\"\n                                   :total=\"totalCount\">\n                    </el-pagination>\n                  </div>\n                </template>\n              </div>\n            </div>\n          </el-card>\n        </div>\n        <!-- 删除IP状态框 -->\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  // 费用总览\n  name: 'CostOverview',\n  inject: ['reload'],\n\n  data () {\n    return {\n      // 用户余额\n      totalBalance: 0,\n      tableData: [\n        // {\n        //   appName: 'ut exercitation laboris in mollit',\n        //   gbSmsBalance: -95700232.51988347,\n        //   gbVoiceBalance: 80846611.06324482,\n        //   id: 'eiusmod ex consequat',\n        //   mmsBalance: -84473471.93198293,\n        //   smsBalance: -49076391,\n        //   unallocatedSmsBalance: 64270253.74463454\n        // }\n      ],\n      totalCount: 0,\n      searchForm: {\n        pageNo: 1,\n        pageSize: 20\n      },\n      informationList: {}\n    }\n  },\n  methods: {\n    async getAccountList () {\n      const { data: res } = await this.$http.post('/api/sms/userDetail/get')\n      if (res.code === 403) return\n      if (res.code !== 0) return this.$message.error(res.message)\n      this.informationList = res.data\n      //   this.getAppData()\n    },\n    //   获取总余额\n    async getTotalBalance () {\n      //   if (this.$store.state.rank === '1') {\n      const { data: res } = await this.$http.post(\n        '/api/sms/app/totalCost/search'\n      )\n      if (res.code === 403) return\n      if (res.code !== 0) return this.$message.error(res.message)\n      this.totalBalance = res.data\n      //   }\n    },\n    //   获取费用列表\n    async getCostList () {\n      const searchForm = JSON.stringify(this.searchForm)\n      const { data: res } = await this.$http.post(\n        '/api/sms/app/cost/search',\n        searchForm\n      )\n      if (res.code === 403) return\n      if (res.code !== 0) return this.$message.error(res.message)\n      this.totalCount = res.data.pagin.totalCount\n      this.tableData = res.data.records\n    },\n    handleSizeChange (val) {\n    },\n    // 页数发生改变\n    handleCurrentChange (newPage) {\n      this.searchForm.pageNo = newPage\n      this.getCostList()\n    },\n    jumptopUp () {\n      this.$router.push('/topUp')\n      this.$store.commit('indexPathStatus', '/topUp')\n      this.reload()\n    }\n  },\n  created () {\n    this.getCostList()\n    this.getTotalBalance()\n    this.getAccountList()\n  },\n  mounted () {\n  },\n  directives: {}\n}\n</script>\n<style lang=\"less\" scoped>\n/deep/ .el-card.is-always-shadow,\n.el-card.is-hover-shadow:focus,\n.el-card.is-hover-shadow:hover {\n  box-shadow: none;\n}\n\n/deep/ .el-table th.is-leaf {\n  border-bottom: 0;\n}\n\n.applicationList {\n  /deep/ .el-card {\n    box-sizing: border-box;\n    padding-bottom: 0;\n  }\n}\n\n.pad1 {\n  padding: 20px;\n\n  .balance {\n    display: flex;\n\n    >div {\n      margin-right: 50px;\n\n      >h4:last-child{\n        text-align: center;\n      }\n    }\n  }\n}\n\n/deep/ .el-card__body {\n  padding: 0;\n}\n\n.el-card {\n  box-sizing: border-box;\n  padding-bottom: 32px;\n}\n\n.headerinformation {\n  background-color: #fff;\n  box-sizing: border-box;\n\n  h4 {\n    margin-block-start: 0;\n    margin-block-end: 0.5em;\n    font-size: 16px;\n\n    color: rgba(0, 0, 0, 0.85);\n    font-weight: 500;\n  }\n\n  p {\n    font-size: 20px;\n    margin-block-start: 0.5em;\n    margin-block-end: 0.5em;\n\n    color: rgba(0, 0, 0, 0.85);\n    font-weight: 500;\n\n    span {\n      margin-left: 80px;\n      color: #f88350;\n      font-size: 14px;\n      cursor: pointer;\n    }\n  }\n}\n\n/deep/ .el-card__header {\n  margin-top: 20px;\n  padding: 0;\n}\n\n.el-card {\n  box-sizing: border-box;\n}\n\n.content-card {\n  margin-top: 15px;\n\n  .p1 {\n    text-align: left;\n    margin-block-start: 0;\n    margin-block-end: 1em;\n    color: rgba(0, 0, 0, 0.85);\n\n    font-size: 16px;\n  }\n}\n\n.dataContent {\n  padding-bottom: 10px;\n\n  /deep/ .el-table th,\n  .el-table tr {\n    height: 56px;\n  }\n\n  /deep/ .el-table td,\n  .el-table th {\n    padding: 0;\n    height: 56px;\n    box-sizing: border-box;\n  }\n\n  .el-table {\n    margin-top: 24px;\n\n    /deep/ th {\n      background-color: #f7f9ff;\n      color: rgba(0, 0, 0, 0.85);\n      font-weight: 500;\n\n      .cell {\n        padding-left: 20px;\n        padding-right: 20px;\n      }\n    }\n\n    td {\n      color: rgba(0, 0, 0, 0.65);\n    }\n\n    /deep/ td .cell {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      padding-left: 20px;\n      padding-right: 20px;\n\n      .button1 {\n        background-color: transparent;\n        outline: none;\n        border: none;\n        color: #3879ff;\n        cursor: pointer;\n      }\n\n      /deep/ p {\n        margin-block-start: 0;\n        margin-block-end: 0;\n      }\n    }\n  }\n}\n\n.pagination {\n  background-color: #f7f9ff;\n  padding: 0 10px;\n  margin-top: 15px;\n  height: 56px;\n  line-height: 56px;\n\n  .zhanshi {\n    float: left;\n    font-size: 14px;\n    font-family: PingFang-SC-Regular, PingFang-SC;\n    font-weight: 400;\n    color: rgba(0, 0, 0, 0.65);\n  }\n\n  /deep/ .el-pagination {\n    float: right;\n    margin-top: 12px;\n\n    > button {\n      background: transparent;\n    }\n\n    > ul > li {\n      background: transparent;\n    }\n\n    /deep/ .el-input__inner {\n      height: 28px;\n      line-height: 28px;\n    }\n  }\n}\n\n.tixing {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n\n  i {\n    font-style: normal;\n  }\n\n  span {\n    display: inline-block;\n    width: 52px;\n    height: 20px;\n    /* box-sizing: border-box; */\n    border-radius: 4px;\n    background: rgba(0, 0, 0, 0.04);\n    line-height: 20px;\n    font-size: 12px;\n    text-align: center;\n\n    color: rgba(0, 0, 0, 0.45);\n    border: 1px solid rgba(0, 0, 0, 0.2); /* no */\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CostOverview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CostOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CostOverview.vue?vue&type=template&id=6e659faa&scoped=true&\"\nimport script from \"./CostOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./CostOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CostOverview.vue?vue&type=style&index=0&id=6e659faa&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6e659faa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CostOverview.vue?vue&type=style&index=0&id=6e659faa&lang=less&scoped=true&\""],"sourceRoot":""}