{"version":3,"sources":["webpack:///./src/views/SalesOrderVolPag/index.vue","webpack:///src/views/SalesOrderVolPag/index.vue","webpack:///./src/views/SalesOrderVolPag/index.vue?c62a","webpack:///./src/views/SalesOrderVolPag/index.vue?3534","webpack:///./src/views/SalesOrderVolPag/index.vue?a59b"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","on","changeYearDate","model","value","chooseYear","callback","$$v","expression","searchCustomerByMonth","searchTextByMonth","choseSalesVisibleByMonth","salesVisibleByMonth","_l","salesVisibleMember","item","key","_id","_v","_s","name","ref","yearColumns","monthList","tableHeight","monthTableLoading","sortMonthVolPlanMethod","scopedSlots","_u","fn","row","column","index","dataHandle","changeMonthDate","chooseMonth","searchCustomerByDay","searchTextByDay","choseSalesVisibleByDay","salesVisibleByDay","monthColumns","dayTableLoading","dayList","sortDayVolPlanMethod","staticRenderFns","data","dayFilterQuery","monthFilterQuery","title","fixed","minWidth","maxWidth","h","params","style","color","customer","align","sortable","volPlanSum","toFixed","methods","mapActions","salesOrderVolByDay","salesOrderVolByMonth","getUsersList","splice","length","cus_name","dayNum","dayjs","yearMonth","daysInMonth","i","push","slot","error","$Message","e","year","format","loadSalesOrderVolByMonth","loadSalesOrderVolByDay","_","debounce","simpleRole","limit","userList","map","x","join","tempArr","JSON","parse","stringify","order","sort","sortMethod","reverse","type","o1","o2","value1","Number","date","value2","getSalesVisibleMethod","$refs","tableWrapper","offsetHeight","window","onresize","destroyed","component"],"mappings":"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","file":"js/chunk-bcab2f20.50c16447.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"month-wrapper\"},[_c('div',{staticClass:\"handle-wrapper\"},[_c('DatePicker',{staticStyle:{\"width\":\"200px\",\"margin-right\":\"30px\"},attrs:{\"type\":\"year\",\"placement\":\"bottom-end\",\"placeholder\":\"选择年份\"},on:{\"on-change\":_vm.changeYearDate},model:{value:(_vm.chooseYear),callback:function ($$v) {_vm.chooseYear=$$v},expression:\"chooseYear\"}}),_c('Input',{staticStyle:{\"width\":\"230px\",\"margin-right\":\"20px\"},attrs:{\"search\":\"\",\"placeholder\":\"搜索客户...\",\"clearable\":\"\",\"icon\":\"ios-search\"},on:{\"on-change\":_vm.searchCustomerByMonth},model:{value:(_vm.searchTextByMonth),callback:function ($$v) {_vm.searchTextByMonth=$$v},expression:\"searchTextByMonth\"}}),_c('Select',{staticStyle:{\"width\":\"180px\",\"margin-right\":\"30px\"},attrs:{\"placeholder\":\"筛选业务员\",\"label-in-value\":\"\",\"multiple\":\"\",\"filterable\":\"\"},on:{\"on-change\":_vm.choseSalesVisibleByMonth},model:{value:(_vm.salesVisibleByMonth),callback:function ($$v) {_vm.salesVisibleByMonth=$$v},expression:\"salesVisibleByMonth\"}},_vm._l((_vm.salesVisibleMember),function(item){return _c('Option',{key:item._id,attrs:{\"value\":item._id}},[_vm._v(_vm._s(item.name))])}),1)],1),_c('div',{ref:\"tableWrapper\",staticClass:\"month-table table-wrapper\"},[_c('Table',{attrs:{\"columns\":_vm.yearColumns,\"data\":_vm.monthList,\"height\":_vm.tableHeight,\"border\":\"\",\"loading\":_vm.monthTableLoading},on:{\"on-sort-change\":_vm.sortMonthVolPlanMethod},scopedSlots:_vm._u([{key:\"arTable\",fn:function({ row, column, index }){return [_c('div',{staticClass:\"arTable-cell\"},[_vm._v(\" \"+_vm._s(_vm.dataHandle(row, column, index))+\" \")])]}}])})],1)]),_c('div',{staticClass:\"day-wrapper\"},[_c('div',{staticClass:\"handle-wrapper\"},[_c('DatePicker',{staticStyle:{\"width\":\"200px\",\"margin-right\":\"30px\"},attrs:{\"type\":\"month\",\"placement\":\"bottom-end\",\"placeholder\":\"选择月份\"},on:{\"on-change\":_vm.changeMonthDate},model:{value:(_vm.chooseMonth),callback:function ($$v) {_vm.chooseMonth=$$v},expression:\"chooseMonth\"}}),_c('Input',{staticStyle:{\"width\":\"230px\",\"margin-right\":\"20px\"},attrs:{\"search\":\"\",\"placeholder\":\"搜索客户...\",\"clearable\":\"\",\"icon\":\"ios-search\"},on:{\"on-change\":_vm.searchCustomerByDay},model:{value:(_vm.searchTextByDay),callback:function ($$v) {_vm.searchTextByDay=$$v},expression:\"searchTextByDay\"}}),_c('Select',{staticStyle:{\"width\":\"180px\",\"margin-right\":\"30px\"},attrs:{\"placeholder\":\"筛选业务员\",\"label-in-value\":\"\",\"multiple\":\"\",\"filterable\":\"\"},on:{\"on-change\":_vm.choseSalesVisibleByDay},model:{value:(_vm.salesVisibleByDay),callback:function ($$v) {_vm.salesVisibleByDay=$$v},expression:\"salesVisibleByDay\"}},_vm._l((_vm.salesVisibleMember),function(item){return _c('Option',{key:item._id,attrs:{\"value\":item._id}},[_vm._v(_vm._s(item.name))])}),1)],1),_c('div',{ref:\"tableWrapper\",staticClass:\"day-table table-wrapper\"},[_c('Table',{attrs:{\"columns\":_vm.monthColumns,\"height\":_vm.tableHeight,\"border\":\"\",\"loading\":_vm.dayTableLoading,\"data\":_vm.dayList},on:{\"on-sort-change\":_vm.sortDayVolPlanMethod},scopedSlots:_vm._u([{key:\"arTable\",fn:function({ row, column, index }){return [_c('div',{staticClass:\"arTable-cell\"},[_vm._v(\" \"+_vm._s(_vm.dataHandle(row, column, index))+\" \")])]}}])})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <div class=\"month-wrapper\">\r\n      <div class=\"handle-wrapper\">\r\n        <DatePicker\r\n          type=\"year\"\r\n          placement=\"bottom-end\"\r\n          placeholder=\"选择年份\"\r\n          style=\"width: 200px; margin-right: 30px\"\r\n          v-model=\"chooseYear\"\r\n          @on-change=\"changeYearDate\"\r\n        />\r\n        <Input\r\n          v-model=\"searchTextByMonth\"\r\n          search\r\n          placeholder=\"搜索客户...\"\r\n          @on-change=\"searchCustomerByMonth\"\r\n          clearable\r\n          icon=\"ios-search\"\r\n          style=\"width: 230px; margin-right: 20px\"\r\n        ></Input>\r\n        <Select\r\n          placeholder=\"筛选业务员\"\r\n          v-model=\"salesVisibleByMonth\"\r\n          label-in-value\r\n          multiple\r\n          filterable\r\n          @on-change=\"choseSalesVisibleByMonth\"\r\n          style=\"width: 180px; margin-right: 30px\"\r\n        >\r\n          <Option\r\n            v-for=\"item in salesVisibleMember\"\r\n            :value=\"item._id\"\r\n            :key=\"item._id\"\r\n          >{{ item.name }}</Option>\r\n        </Select>\r\n      </div>\r\n      <div class=\"month-table table-wrapper\" ref=\"tableWrapper\">\r\n        <Table\r\n        :columns=\"yearColumns\"\r\n        :data=\"monthList\"\r\n        :height=\"tableHeight\"\r\n        @on-sort-change=\"sortMonthVolPlanMethod\"\r\n        border\r\n        :loading=\"monthTableLoading\"\r\n        >\r\n          <template slot-scope=\"{ row, column, index }\" slot=\"arTable\">\r\n              <div class=\"arTable-cell\">\r\n                {{ dataHandle(row, column, index) }}\r\n              </div>\r\n          </template>\r\n        </Table>\r\n      </div>\r\n    </div>\r\n    <div class=\"day-wrapper\">\r\n      <div class=\"handle-wrapper\">\r\n        <DatePicker\r\n          type=\"month\"\r\n          placement=\"bottom-end\"\r\n          placeholder=\"选择月份\"\r\n          style=\"width: 200px; margin-right: 30px\"\r\n          v-model=\"chooseMonth\"\r\n          @on-change=\"changeMonthDate\"\r\n        />\r\n        <Input\r\n          v-model=\"searchTextByDay\"\r\n          search\r\n          placeholder=\"搜索客户...\"\r\n          @on-change=\"searchCustomerByDay\"\r\n          clearable\r\n          icon=\"ios-search\"\r\n          style=\"width: 230px; margin-right: 20px\"\r\n        ></Input>\r\n        <Select\r\n          placeholder=\"筛选业务员\"\r\n          v-model=\"salesVisibleByDay\"\r\n          label-in-value\r\n          multiple\r\n          filterable\r\n          @on-change=\"choseSalesVisibleByDay\"\r\n          style=\"width: 180px; margin-right: 30px\"\r\n        >\r\n          <Option\r\n            v-for=\"item in salesVisibleMember\"\r\n            :value=\"item._id\"\r\n            :key=\"item._id\"\r\n          >{{ item.name }}</Option>\r\n        </Select>\r\n      </div>\r\n      <div class=\"day-table table-wrapper\" ref=\"tableWrapper\">\r\n        <Table\r\n        :columns=\"monthColumns\"\r\n        :height=\"tableHeight\"\r\n        border\r\n        @on-sort-change=\"sortDayVolPlanMethod\"\r\n        :loading=\"dayTableLoading\"\r\n        :data=\"dayList\"\r\n        >\r\n          <template slot-scope=\"{ row, column, index }\" slot=\"arTable\">\r\n            <div class=\"arTable-cell\">\r\n              {{ dataHandle(row, column, index) }}\r\n            </div>\r\n          </template>\r\n        </Table>\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 dayjs from \"dayjs\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n  name: \"SalesOrderVol\",\r\n  data() {\r\n    return {\r\n      tableHeight: 300,\r\n      chooseYear: null,\r\n      chooseMonth: null,\r\n      dayFilterQuery: {},\r\n      monthFilterQuery: {},\r\n      dayTableLoading: false,\r\n      monthTableLoading: false,\r\n      dayList: [],\r\n      monthList: [],\r\n      searchTextByMonth: null,\r\n      searchTextByDay: null,\r\n      salesVisibleByMonth: \"\",\r\n      salesVisibleByDay: \"\",\r\n      salesVisibleMember: [],\r\n      yearColumns: [\r\n        {\r\n          title: \"客户\",\r\n          key: \"customer\",\r\n          fixed: \"left\",\r\n          minWidth: 200,\r\n          maxWidth: 250,\r\n          render: (h, params) => {\r\n            return h(\r\n              \"span\",\r\n              {\r\n                style: { color: \"#42b983\" },\r\n              },\r\n              params.row.customer.name\r\n            );\r\n          },\r\n        },\r\n        {\r\n          title: \"合计\",\r\n          key: \"volPlanSum\",\r\n          align: \"right\",\r\n          fixed: \"left\",\r\n          sortable: true,\r\n          minWidth: 70,\r\n          maxWidth: 70,\r\n          render: (h, params) => {\r\n            return h(\r\n              \"span\",\r\n              params.row.volPlanSum.toFixed()\r\n            );\r\n          },\r\n        },\r\n      ],\r\n      monthColumns: [\r\n        {\r\n          title: \"客户\",\r\n          key: \"customer\",\r\n          fixed: \"left\",\r\n          minWidth: 250,\r\n          render: (h, params) => {\r\n            return h(\r\n              \"span\",\r\n              {\r\n                style: { color: \"#42b983\" },\r\n              },\r\n              params.row.customer.name\r\n            );\r\n          },\r\n        },\r\n        {\r\n          title: \"合计\",\r\n          key: \"volPlanSum\",\r\n          align: \"right\",\r\n          fixed: \"left\",\r\n          sortable: true,\r\n          maxWidth: 70,\r\n          minWidth: 70,\r\n          render: (h, params) => {\r\n            return h(\r\n              \"span\",\r\n              params.row.volPlanSum.toFixed()\r\n            );\r\n          },\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      salesOrderVolByDay: \"salesOrder/salesOrderVolByDayAction\",\r\n      salesOrderVolByMonth: \"salesOrder/salesOrderVolByMonthAction\",\r\n      getUsersList: \"user/getSimpleUserListAction\",\r\n    }),\r\n    async loadSalesOrderVolByDay() {\r\n      this.monthColumns.splice(2, this.monthColumns.length);\r\n      if (this.searchTextByDay) {\r\n        this.dayFilterQuery.cus_name = this.searchTextByDay;\r\n      } else {\r\n        delete this.dayFilterQuery.cus_name;\r\n      }\r\n      try {\r\n        this.dayTableLoading = true;\r\n        this.dayList  = await this.salesOrderVolByDay(this.dayFilterQuery)\r\n        const dayNum = dayjs(this.dayFilterQuery.yearMonth).daysInMonth()\r\n        for (let i = 0; i < dayNum; i++) {\r\n          this.monthColumns.push({\r\n            title: `${i + 1}`,\r\n            key: `${i + 1}`,\r\n            sortable: true,\r\n            slot: `arTable`,\r\n            align: \"right\",\r\n            minWidth: 60,\r\n            maxWidth: 60,\r\n          })\r\n        }\r\n        this.dayTableLoading = false;\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败：${error}`);\r\n        this.dayTableLoading = false;\r\n      }\r\n    },\r\n    async loadSalesOrderVolByMonth() {\r\n      this.yearColumns.splice(2, this.yearColumns.length);\r\n      if (this.searchTextByMonth) {\r\n        this.monthFilterQuery.cus_name = this.searchTextByMonth;\r\n      } else {\r\n        delete this.monthFilterQuery.cus_name;\r\n      }\r\n      try {\r\n        this.monthTableLoading = true;\r\n        this.monthList  = await this.salesOrderVolByMonth(this.monthFilterQuery)\r\n        for (let i = 0; i < 12; i++) {\r\n          this.yearColumns.push({\r\n            title: `${i + 1}`,\r\n            key: `${i + 1}`,\r\n            slot: `arTable`,\r\n            sortable: true,\r\n            sortable: 'custom',\r\n            align: \"right\",\r\n            minWidth: 60,\r\n            maxWidth: 60,\r\n          })\r\n        }\r\n        this.monthTableLoading = false;\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败：${error}`);\r\n        this.monthTableLoading = false;\r\n      }\r\n    },\r\n    async changeYearDate(e) {\r\n      if (e) {\r\n        this.monthFilterQuery.year = e;\r\n      } else {\r\n        this.monthFilterQuery.year = dayjs().format(\"YYYY\");\r\n      }\r\n      await this.loadSalesOrderVolByMonth();\r\n    },\r\n    async changeMonthDate(e) {\r\n      if (e) {\r\n        this.dayFilterQuery.yearMonth = e;\r\n      } else {\r\n        this.dayFilterQuery.yearMonth = dayjs().format(\"YYYY-M\");\r\n      }\r\n      await this.loadSalesOrderVolByDay();\r\n    },\r\n    searchCustomerByDay: _.debounce(function() {\r\n      this.loadSalesOrderVolByDay()\r\n    }, 1000),\r\n    searchCustomerByMonth: _.debounce(function() {\r\n      this.loadSalesOrderVolByMonth()\r\n    }, 1000),\r\n    async getSalesVisibleMethod() {\r\n      const data = await this.getUsersList({\r\n        simpleRole: \"salesLead,sales,salesAssist\",\r\n        limit: 99,\r\n      });\r\n      this.salesVisibleMember = data.userList;\r\n    },\r\n    async choseSalesVisibleByMonth(salesVisibleMember) {\r\n      if (salesVisibleMember) {\r\n        this.monthFilterQuery.salesVisibleMember = salesVisibleMember\r\n          .map((x) => x.value)\r\n          .join(\",\");\r\n      } else {\r\n        delete this.monthFilterQuery.salesVisibleMember;\r\n      }\r\n      await this.loadSalesOrderVolByMonth();\r\n    },\r\n    async choseSalesVisibleByDay(salesVisibleMember) {\r\n      if (salesVisibleMember) {\r\n        this.dayFilterQuery.salesVisibleMember = salesVisibleMember\r\n          .map((x) => x.value)\r\n          .join(\",\");\r\n      } else {\r\n        delete this.dayFilterQuery.salesVisibleMember;\r\n      }\r\n      await this.loadSalesOrderVolByDay();\r\n    },\r\n    sortMonthVolPlanMethod(item) {\r\n      let tempArr = JSON.parse(JSON.stringify(this.monthList))\r\n      this.monthList = []\r\n      if (item.order === 'asc') {\r\n        this.monthList = tempArr.sort(this.sortMethod(item.key, 'asc'))\r\n      } else if (item.order === 'desc') {\r\n        this.monthList = tempArr.sort(this.sortMethod(item.key, 'asc')).reverse()\r\n      } else {\r\n        this.monthList = tempArr\r\n      }\r\n    },\r\n    sortDayVolPlanMethod(item) {\r\n      let tempArr = JSON.parse(JSON.stringify(this.dayList))\r\n      this.dayList = []\r\n      if (item.order === 'asc') {\r\n        this.dayList = tempArr.sort(this.sortMethod(item.key, 'asc'))\r\n      } else if (item.order === 'desc') {\r\n        this.dayList = tempArr.sort(this.sortMethod(item.key, 'asc')).reverse()\r\n      } else {\r\n        this.dayList = tempArr\r\n      }\r\n    },\r\n    sortMethod(key, type) {\r\n      return function(o1, o2) {\r\n        let value1 = Number(o1.date[key]) ? Number(o1.date[key]) : 0\r\n        let value2 = Number(o2.date[key]) ? Number(o2.date[key]) : 0\r\n        if (value1 < value2) {\r\n          return -1\r\n        }else if(value1 > value2 || value1 === value2) {\r\n          return 1\r\n        } else{\r\n          1\r\n        }\r\n      }\r\n    },\r\n    dataHandle(row, column, index) {\r\n      for (const key in row.date) {\r\n        if (key == column.key) return row.date[key].toFixed()\r\n      }\r\n    },\r\n  },\r\n  async created() {\r\n    this.chooseMonth = dayjs().format(\"YYYY-M\");\r\n    this.chooseYear = dayjs().format(\"YYYY\");\r\n    this.monthFilterQuery.year = this.chooseYear\r\n    this.getSalesVisibleMethod();\r\n  },\r\n  async mounted() {\r\n    this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    window.onresize = () => {\r\n      this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    };\r\n    await this.loadSalesOrderVolByDay();\r\n    await this.loadSalesOrderVolByMonth();\r\n  },\r\n  destroyed() {\r\n    window.onresize = null;\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.container\r\n  overflow: scroll;\r\n.handle-wrapper\r\n  width 100%\r\n  height 48px\r\n  display flex\r\n  align-items center\r\n\r\n.table-wrapper\r\n  width 100%\r\n  height calc(100% - 48px)\r\n\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=0f420655&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=0f420655&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  \"0f420655\",\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=0f420655&prod&lang=stylus&scoped=true\""],"sourceRoot":""}