{"version":3,"sources":["webpack:///./src/views/ReceiveChartPage/index.vue","webpack:///src/views/ReceiveChartPage/index.vue","webpack:///./src/views/ReceiveChartPage/index.vue?f71e","webpack:///./src/views/ReceiveChartPage/index.vue?91a3","webpack:///./src/views/ReceiveChartPage/index.vue?3785"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","chooseCustomer","on","changeCustomer","model","value","selectedCustomer","callback","$$v","expression","_l","customersSimple","item","key","_id","_v","_s","name","chooseCompany","company","companyList","changeDate","month","ref","totalRows","loadReceive","style","tableHeight","receiveList","from","color","amount","numDeal","submitAmount","receivedBy","typeToTextMethod","type","_m","staticRenderFns","echarts","TitleComponent","TooltipComponent","GridComponent","DatasetComponent","TransformComponent","BarChart","LabelLayout","UniversalTransition","CanvasRenderer","LegendComponent","typeToText","trans","bankAccBill","commAccBill","check","cash","yun","jian","bankAccBillPaper","gold","sywx","ji","zhu","data","height","receiveDailyChart","receiveDailyChartOption","limit","page","filterQuery","startDate","endDate","groupBy","invalid","chartDateArray","receiveChartData","totalAmount","computed","mapState","state","receive","totalCounts","currentUser","auth","user","customerId","customer","detailCustomersId","methods","mapActions","getReceiveStat","deleteReceive","getReceiveById","getReceive","getCompanyList","getSimpleBankAccount","getSimpleUserList","getCustomerSimpleList","e","toLocaleString","skip","receiveStat","startAt","dayjs","endAt","daysCount","diff","length","splice","i","currentDate","add","push","format","currentDateText","receiveData","find","v","receiveDate","year","date","day","receiveDateText","toFixed","xAxis","series","reloadChart","error","$Message","query","customerLoading","loadReceiveChart","Date","getFullYear","getMonth","drawChart","document","getElementById","tooltip","trigger","axisPointer","legend","grid","top","right","bottom","containLabel","axisLabel","interval","yAxis","barWidth","label","show","position","formatter","itemStyle","barGap","stack","emphasis","focus","setOption","notMerge","setDate","mounted","$refs","tableWrapper","offsetHeight","window","onresize","destroyed","component"],"mappings":"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","file":"js/chunk-2af8569a.6ae0d776.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"receive-chart-wrap\"},[_c('div',{staticClass:\"handle-wrapper\"},[_c('div',{staticClass:\"handle-left\"},[_c('Select',{staticStyle:{\"width\":\"220px\",\"margin-right\":\"30px\"},attrs:{\"placeholder\":\"搜索客户\",\"label-in-value\":\"\",\"clearable\":\"\",\"filterable\":\"\",\"remote-method\":_vm.chooseCustomer},on:{\"on-change\":_vm.changeCustomer},model:{value:(_vm.selectedCustomer),callback:function ($$v) {_vm.selectedCustomer=$$v},expression:\"selectedCustomer\"}},_vm._l((_vm.customersSimple),function(item){return _c('Option',{key:item._id,attrs:{\"value\":item._id}},[_vm._v(_vm._s(item.name))])}),1),_c('Select',{staticStyle:{\"width\":\"180px\",\"margin-right\":\"30px\"},attrs:{\"placeholder\":\"筛选公司\",\"label-in-value\":\"\",\"clearable\":\"\"},on:{\"on-change\":_vm.chooseCompany},model:{value:(_vm.company),callback:function ($$v) {_vm.company=$$v},expression:\"company\"}},_vm._l((_vm.companyList),function(item){return _c('Option',{key:item._id,attrs:{\"value\":item._id}},[_vm._v(_vm._s(item.name))])}),1),_c('DatePicker',{staticStyle:{\"width\":\"200px\"},attrs:{\"type\":\"month\",\"placement\":\"bottom-end\",\"placeholder\":\"选择月份\"},on:{\"on-change\":_vm.changeDate},model:{value:(_vm.month),callback:function ($$v) {_vm.month=$$v},expression:\"month\"}})],1),_c('div',{staticClass:\"handle-right\"})]),_c('div',{staticClass:\"list-chart-wrap\"},[_c('div',{ref:\"tableWrapper\",staticClass:\"receive-list-wrap\"},[_c('div',{staticClass:\"page-wrap\"},[_c('span',[_vm._v(\"共\"+_vm._s(_vm.totalRows)+\"条\")]),_c('Page',{attrs:{\"total\":_vm.totalRows,\"page-size\":20,\"show-total\":\"\",\"simple\":\"\"},on:{\"on-change\":_vm.loadReceive}})],1),_c('div',{staticClass:\"receive-list\",style:(_vm.tableHeight)},_vm._l((_vm.receiveList),function(item){return _c('div',{staticClass:\"receive-item\"},[_c('Card',[_c('div',{staticClass:\"item-info customer-price\"},[_c('div',{staticClass:\"customer\"},[_vm._v(_vm._s(item.from.name))]),_c('div',{staticClass:\"price\",style:({ color: item.amount ? 'black' : '#a1a3a6' })},[_vm._v(\" \"+_vm._s(item.amount ? _vm.numDeal(item.amount) : _vm.numDeal(item.submitAmount))+\" \")])]),_c('div',{staticClass:\"item-info by-type\"},[_c('div',{staticClass:\"receiveBy\"},[_vm._v(_vm._s(item.receivedBy.name))]),_c('div',{staticClass:\"receiveType\"},[_vm._v(_vm._s(_vm.typeToTextMethod(item.type)))])])])],1)}),0)]),_vm._m(0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"receive-chart\"},[_c('div',{staticStyle:{\"width\":\"1200px\",\"height\":\"400px\"},attrs:{\"id\":\"receiveDailyChart\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"receive-chart-wrap\">\r\n    <div class=\"handle-wrapper\">\r\n      <div class=\"handle-left\">\r\n        <Select\r\n          placeholder=\"搜索客户\"\r\n          v-model=\"selectedCustomer\"\r\n          label-in-value\r\n          clearable\r\n          filterable\r\n          :remote-method=\"chooseCustomer\"\r\n          @on-change=\"changeCustomer\"\r\n          style=\"width: 220px; margin-right: 30px\"\r\n        >\r\n          <Option\r\n            v-for=\"item in customersSimple\"\r\n            :value=\"item._id\"\r\n            :key=\"item._id\"\r\n            >{{ item.name }}</Option\r\n          >\r\n        </Select>\r\n        <Select\r\n          placeholder=\"筛选公司\"\r\n          v-model=\"company\"\r\n          label-in-value\r\n          clearable\r\n          @on-change=\"chooseCompany\"\r\n          style=\"width: 180px; margin-right: 30px\"\r\n        >\r\n          <Option\r\n            v-for=\"item in companyList\"\r\n            :value=\"item._id\"\r\n            :key=\"item._id\"\r\n            >{{ item.name }}</Option\r\n          >\r\n        </Select>\r\n        <DatePicker\r\n          type=\"month\"\r\n          placement=\"bottom-end\"\r\n          placeholder=\"选择月份\"\r\n          style=\"width: 200px\"\r\n          v-model=\"month\"\r\n          @on-change=\"changeDate\"\r\n        />\r\n      </div>\r\n      <div class=\"handle-right\"></div>\r\n    </div>\r\n    <div class=\"list-chart-wrap\">\r\n      <div class=\"receive-list-wrap\" ref=\"tableWrapper\">\r\n        <div class=\"page-wrap\">\r\n          <span>共{{ totalRows }}条</span>\r\n          <Page\r\n            :total=\"totalRows\"\r\n            :page-size=\"20\"\r\n            @on-change=\"loadReceive\"\r\n            show-total\r\n            simple\r\n          />\r\n        </div>\r\n        <div class=\"receive-list\" :style=\"tableHeight\">\r\n          <div class=\"receive-item\" v-for=\"item in receiveList\">\r\n            <Card>\r\n              <div class=\"item-info customer-price\">\r\n                <div class=\"customer\">{{ item.from.name }}</div>\r\n                <div\r\n                  class=\"price\"\r\n                  :style=\"{ color: item.amount ? 'black' : '#a1a3a6' }\"\r\n                >\r\n                  {{\r\n                    item.amount\r\n                      ? numDeal(item.amount)\r\n                      : numDeal(item.submitAmount)\r\n                  }}\r\n                </div>\r\n              </div>\r\n              <div class=\"item-info by-type\">\r\n                <div class=\"receiveBy\">{{ item.receivedBy.name }}</div>\r\n                <div class=\"receiveType\">{{ typeToTextMethod(item.type) }}</div>\r\n              </div>\r\n            </Card>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"receive-chart\">\r\n        <div id=\"receiveDailyChart\" style=\"width: 1200px; height: 400px\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport * as echarts from \"echarts/core\";\r\nimport { BarChart } from \"echarts/charts\";\r\nimport {\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  GridComponent,\r\n  DatasetComponent,\r\n  TransformComponent,\r\n  LegendComponent,\r\n} from \"echarts/components\";\r\nimport { LabelLayout, UniversalTransition } from \"echarts/features\";\r\nimport { CanvasRenderer } from \"echarts/renderers\";\r\necharts.use([\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  GridComponent,\r\n  DatasetComponent,\r\n  TransformComponent,\r\n  BarChart,\r\n  LabelLayout,\r\n  UniversalTransition,\r\n  CanvasRenderer,\r\n  LegendComponent,\r\n]);\r\n\r\nimport dayjs from \"dayjs\";\r\nconst typeToText = {\r\n  trans: \"银行转账\",\r\n  bankAccBill: \"银承\",\r\n  commAccBill: \"商承\",\r\n  check: \"支票\",\r\n  cash: \"现金钞票\",\r\n  yun: \"云信通\",\r\n  jian: \"建信融通\",\r\n  bankAccBillPaper: \"纸质银承\",\r\n  gold: \"金单\",\r\n  sywx: \"商银微芯\",\r\n  ji: \"集信\",\r\n  zhu: \"筑信\",\r\n};\r\nexport default {\r\n  name: \"ReceiveChart\",\r\n  data() {\r\n    return {\r\n      tableHeight: {\r\n        height: \"300px\",\r\n      },\r\n      receiveDailyChart: null,\r\n      receiveDailyChartOption: null,\r\n      limit: 20,\r\n      page: 0,\r\n      selectedCustomer: null,\r\n      filterQuery: {\r\n        startDate: null,\r\n        endDate: null,\r\n        groupBy: \"day\",\r\n      },\r\n      invalid: null,\r\n      company: null,\r\n      chartDateArray: [],\r\n      receiveChartData: {\r\n        trans: [],\r\n        bankAccBill: [],\r\n        commAccBill: [],\r\n        check: [],\r\n        cash: [],\r\n        yun: [],\r\n        jian: [],\r\n        totalAmount: [],\r\n      },\r\n      month: null,\r\n    };\r\n  },\r\n  computed: mapState({\r\n    receiveList: (state) => state.receive.receiveList,\r\n    totalRows: (state) => state.receive.totalCounts,\r\n    currentUser: (state) => state.auth.currentUser,\r\n    companyList: (state) => state.company.companyList,\r\n    user: (state) => state.auth.currentUser,\r\n    customerId: (state) => state.customer.detailCustomersId,\r\n    customersSimple: (state) => state.customer.customersSimple,\r\n  }),\r\n  methods: {\r\n    ...mapActions({\r\n      getReceiveStat: \"receive/getReceiveStatAction\",\r\n      deleteReceive: \"receive/deleteReceiveAction\",\r\n      getReceiveById: \"receive/getReceiveByIdAction\",\r\n      getReceive: \"receive/getReceiveAction\",\r\n      getCompanyList: \"company/getCompanyListAction\",\r\n      getSimpleBankAccount: \"bankAccount/getSimpleBankAccountAction\",\r\n      getSimpleUserList: \"user/getSimpleUserListAction\",\r\n      getCustomerSimpleList: \"customer/getCustomerSimpleListAction\",\r\n    }),\r\n    numDeal(e) {\r\n      return e.toLocaleString();\r\n    },\r\n    typeToTextMethod(e) {\r\n      return typeToText[e];\r\n    },\r\n    async loadReceiveChart(page) {\r\n      if (page) this.page = page - 1;\r\n      this.filterQuery = {\r\n        ...this.filterQuery,\r\n        limit: this.limit,\r\n        skip: this.page * this.limit,\r\n      };\r\n      this.receiveChartData = {\r\n        trans: [],\r\n        bankAccBill: [],\r\n        commAccBill: [],\r\n        check: [],\r\n        cash: [],\r\n        yun: [],\r\n        jian: [],\r\n        totalAmount: [],\r\n      };\r\n      try {\r\n        const data = await this.getReceiveStat(this.filterQuery);\r\n        const receiveStat = data.receiveStat;\r\n        const startAt = dayjs(this.filterQuery.startDate);\r\n        const endAt = dayjs(this.filterQuery.endDate);\r\n        const daysCount = endAt.diff(startAt, \"day\") + 1;\r\n        if (this.chartDateArray.length > 1) {\r\n          this.chartDateArray = this.chartDateArray.splice(\r\n            this.chartDateArray.length\r\n          );\r\n        }\r\n        for (let i = 0; i < daysCount; i++) {\r\n          const currentDate = startAt.add(i, \"day\");\r\n          this.chartDateArray.push(dayjs(currentDate).format(\"M/D\"));\r\n          const currentDateText = dayjs(currentDate).format(\"YYYY-MM-DD\");\r\n          const receiveData = receiveStat.find((v) => {\r\n            const receiveDate = dayjs()\r\n              .year(v._id.year)\r\n              .month(v._id.month - 1)\r\n              .date(v._id.day);\r\n            const receiveDateText = dayjs(receiveDate).format(\"YYYY-MM-DD\");\r\n            return receiveDateText === currentDateText;\r\n          });\r\n\r\n          if (receiveData) {\r\n            this.receiveChartData.bankAccBill.push(\r\n              (receiveData.bankAccBill / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.trans.push(\r\n              (receiveData.trans / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.commAccBill.push(\r\n              (receiveData.commAccBill / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.check.push(\r\n              (receiveData.check / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.cash.push(\r\n              (receiveData.cash / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.yun.push(\r\n              (receiveData.yun / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.jian.push(\r\n              (receiveData.jian / 10000).toFixed(0)\r\n            );\r\n            this.receiveChartData.totalAmount.push(\r\n              (receiveData.totalAmount / 10000).toFixed(0)\r\n            );\r\n          } else {\r\n            this.receiveChartData.bankAccBill.push(0);\r\n            this.receiveChartData.trans.push(0);\r\n            this.receiveChartData.commAccBill.push(0);\r\n            this.receiveChartData.check.push(0);\r\n            this.receiveChartData.cash.push(0);\r\n            this.receiveChartData.yun.push(0);\r\n            this.receiveChartData.jian.push(0);\r\n            this.receiveChartData.totalAmount.push(0);\r\n          }\r\n        }\r\n        this.receiveDailyChartOption.xAxis[0].data = this.chartDateArray;\r\n        this.receiveDailyChartOption.series[0].data =\r\n          this.receiveChartData.totalAmount;\r\n        this.receiveDailyChartOption.series[1].data =\r\n          this.receiveChartData.trans;\r\n        this.receiveDailyChartOption.series[2].data =\r\n          this.receiveChartData.bankAccBill;\r\n        this.receiveDailyChartOption.series[3].data =\r\n          this.receiveChartData.commAccBill;\r\n        this.receiveDailyChartOption.series[4].data =\r\n          this.receiveChartData.check;\r\n        this.receiveDailyChartOption.series[5].data =\r\n          this.receiveChartData.cash;\r\n        this.receiveDailyChartOption.series[6].data = this.receiveChartData.yun;\r\n        this.receiveDailyChartOption.series[7].data =\r\n          this.receiveChartData.jian;\r\n        this.reloadChart();\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败：${error}`);\r\n      }\r\n    },\r\n    async loadReceive(page) {\r\n      if (page) this.page = page - 1;\r\n      this.filterQuery = {\r\n        ...this.filterQuery,\r\n        limit: this.limit,\r\n        skip: this.page * this.limit,\r\n      };\r\n      try {\r\n        await this.getReceive(this.filterQuery);\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败：${error}`);\r\n      }\r\n    },\r\n    async chooseCustomer(query) {\r\n      this.page = 0;\r\n      if (query !== \"\") {\r\n        this.customerLoading = true;\r\n        await this.getCustomerSimpleList({ name: query });\r\n        this.customerLoading = false;\r\n      }\r\n    },\r\n    changeCustomer() {\r\n      if (this.selectedCustomer) {\r\n        this.filterQuery.customer = this.selectedCustomer;\r\n        this.loadReceiveChart();\r\n        this.loadReceive();\r\n      }\r\n    },\r\n    async chooseCompany(company) {\r\n      if (company) {\r\n        this.filterQuery.company = company.value;\r\n      } else {\r\n        delete this.filterQuery.company;\r\n      }\r\n      await this.loadReceiveChart();\r\n      await this.loadReceive();\r\n    },\r\n    changeDate(e) {\r\n      const date = new Date(e);\r\n      this.filterQuery.startDate = dayjs(\r\n        new Date(date.getFullYear(), date.getMonth(), 1)\r\n      ).format(\"YYYY-MM-DD\");\r\n      this.filterQuery.endDate = dayjs(\r\n        new Date(date.getFullYear(), date.getMonth() + 1, 0)\r\n      ).format(\"YYYY-MM-DD\");\r\n      this.loadReceiveChart();\r\n      this.loadReceive();\r\n    },\r\n    drawChart() {\r\n      this.receiveDailyChart = echarts.init(\r\n        document.getElementById(\"receiveDailyChart\")\r\n      );\r\n      this.receiveDailyChartOption = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\",\r\n          },\r\n        },\r\n        legend: {\r\n          data: [\r\n            \"银行转账\",\r\n            \"银承\",\r\n            \"商承\",\r\n            \"支票\",\r\n            \"现金钞票\",\r\n            \"云信通\",\r\n            \"建信融通\",\r\n          ],\r\n        },\r\n        grid: {\r\n          top: \"20%\",\r\n          right: \"5%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: [\r\n          {\r\n            name: \"日\",\r\n            type: \"category\",\r\n            axisLabel: {\r\n              interval: 0,\r\n            },\r\n            data: this.chartDateArray,\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            name: \"回款金额\",\r\n            type: \"value\",\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"总计\",\r\n            type: \"bar\",\r\n            barWidth: 20,\r\n            label: {\r\n              show: true,\r\n              position: \"top\",\r\n              formatter: \"{c}\",\r\n              color: \"#000\",\r\n            },\r\n            itemStyle: {\r\n              color: \"rgba(128, 128, 128, 0)\", // 设置背景颜色为透明\r\n            },\r\n            barGap: \"-100%\",\r\n            data: this.receiveChartData.totalAmount,\r\n          },\r\n          {\r\n            name: \"银行转账\",\r\n            type: \"bar\",\r\n            stack: \"Ad\",\r\n            barWidth: 20,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.trans,\r\n          },\r\n          {\r\n            name: \"银承\",\r\n            type: \"bar\",\r\n            stack: \"Ad\",\r\n            barWidth: 20,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.bankAccBill,\r\n          },\r\n          {\r\n            name: \"商承\",\r\n            type: \"bar\",\r\n            stack: \"Ad\",\r\n            barWidth: 20,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.commAccBill,\r\n          },\r\n          {\r\n            name: \"支票\",\r\n            type: \"bar\",\r\n            stack: \"Ad\",\r\n            barWidth: 20,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.check,\r\n          },\r\n          {\r\n            name: \"现金钞票\",\r\n            type: \"bar\",\r\n            barWidth: 20,\r\n            stack: \"Ad\",\r\n            data: this.receiveChartData.cash,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n          },\r\n          {\r\n            name: \"云信通\",\r\n            type: \"bar\",\r\n            barWidth: 20,\r\n            stack: \"Ad\",\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.yun,\r\n          },\r\n          {\r\n            name: \"建信融通\",\r\n            type: \"bar\",\r\n            stack: \"Ad\",\r\n            barWidth: 20,\r\n            emphasis: {\r\n              focus: \"series\",\r\n            },\r\n            data: this.receiveChartData.jian,\r\n          },\r\n        ],\r\n      };\r\n    },\r\n    reloadChart() {\r\n      this.receiveDailyChart.setOption(this.receiveDailyChartOption, {\r\n        notMerge: true,\r\n      });\r\n    },\r\n  },\r\n  async created() {\r\n    let date = new Date();\r\n    this.filterQuery.startDate = dayjs(new Date().setDate(1)).format(\r\n      \"YYYY-MM-DD\"\r\n    );\r\n    this.month = dayjs(new Date().setDate(1)).format(\"YYYY-MM-DD\");\r\n    this.filterQuery.endDate = dayjs(\r\n      new Date(date.getFullYear(), date.getMonth() + 1, 0)\r\n    ).format(\"YYYY-MM-DD\");\r\n    this.loadReceiveChart();\r\n    await this.getSimpleUserList({ limit: 99 });\r\n    await this.getSimpleBankAccount({ limit: 99 });\r\n    await this.getCompanyList({ limit: 99 });\r\n    this.loadReceive();\r\n  },\r\n  mounted() {\r\n    this.tableHeight.height = this.$refs.tableWrapper.offsetHeight + \"px\";\r\n    window.onresize = () => {\r\n      this.tableHeight.height = this.$refs.tableWrapper.offsetHeight + \"px\";\r\n    };\r\n    this.drawChart();\r\n  },\r\n  destroyed() {\r\n    window.onresize = null;\r\n  },\r\n};\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n.receive-item\r\n  /deep/.ivu-card-body\r\n    padding 8px !important\r\n\r\n.handle-wrapper\r\n  margin 4px 16px\r\n\r\n.list-chart-wrap\r\n  display flex\r\n  margin 4px 16px 0 16px\r\n  height calc(100% - 32px)\r\n\r\n.receive-list-wrap\r\n  margin-bottom 30px\r\n  min-width 320px\r\n\r\n.page-wrap\r\n  padding 8px\r\n  display flex\r\n  align-items center\r\n  justify-content space-between\r\n\r\n.receive-list\r\n  overflow-y auto\r\n\r\n  .item-info\r\n    display flex\r\n    justify-content space-between\r\n\r\n    .customer\r\n      width 200px\r\n      white-space nowrap\r\n      overflow hidden\r\n      text-overflow ellipsis\r\n\r\n  .customer-price\r\n    font-size 18px\r\n\r\n  .by-type\r\n    color darkgray\r\n</style>","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=34bc1c99&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=34bc1c99&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"34bc1c99\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=34bc1c99&prod&lang=stylus&scoped=true\""],"sourceRoot":""}