{"version":3,"sources":["webpack:///./src/components/ReagentChart/lightBox.vue?a1f5","webpack:///./src/components/Reagent/index.vue?36fd","webpack:///./src/components/ReagentChart/lightBox.vue?321f","webpack:///src/components/ReagentChart/lightBox.vue","webpack:///./src/components/ReagentChart/lightBox.vue?9310","webpack:///./src/components/ReagentChart/lightBox.vue","webpack:///src/components/Reagent/index.vue","webpack:///./src/components/Reagent/index.vue?24fa","webpack:///./src/components/Reagent/index.vue","webpack:///./src/components/title.vue?4db0","webpack:///src/components/title.vue","webpack:///./src/components/title.vue?59be","webpack:///./src/components/title.vue","webpack:///./src/components/title.vue?b478","webpack:///./src/components/Reagent/index.vue?2da2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","_s","todayConsume","F3999Consume","F4000Consume","I100Consume","S6500Consume","rowStyle","headStyle","cellStyle","tableData","small","fit","_e","reagentPagesTotal","reagentPagesSize","on","yearReagentConsume","_l","item","index","key","domProps","defullt","$event","selectedRadio","type","cityTableData","cityPagerTotal","cityPagerSize","cityReagentConsume","staticRenderFns","_t","component","data","loading","loading2","dataObj","height","backgroundColor","color","fontSize","radioText","top10Data","fullData","typesData","datesData","monthData","typeData","totalData","created","todeyInsTypeConsume","MonthTop10Consume","yearReagentConsumeLine","mounted","components","titleText","lightBox","methods","console","log","e","pages","page","pageSize","types","row","rowIndex","showLineChart","option","lineBox","document","getElementById","myLineChart","$echarts","init","testArr","Object","keys","tempData","i","length","push","name","stack","areaStyle","emphasis","focus","datas","label","show","position","tooltip","trigger","textStyle","axisPointer","legend","grid","left","right","bottom","containLabel","xAxis","yAxis","series","setOption","showBarChart","chartDom","myChart","echarts","value","dataset","source","top","axisLabel","axisLine","lineStyle","splitLine"],"mappings":"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","file":"js/chunk-2acc9449.c5d83008.js","sourcesContent":["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!./lightBox.vue?vue&type=style&index=0&id=16164c83&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"reagentBox\"},[_c('div',{staticClass:\"leftContent\"},[_c('div',{staticClass:\"leftContentTop\"},[_c('div',{staticClass:\"topConsume\"},[_c('light-box',[_c('span',{staticClass:\"leftLight aqua\",attrs:{\"slot\":\"light\"},slot:\"light\"}),_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"今日试剂消耗量\")]),_c('span',{attrs:{\"slot\":\"value\"},slot:\"value\"},[_vm._v(_vm._s(_vm.todayConsume))])]),_c('light-box',[_c('span',{staticClass:\"leftLight orange\",attrs:{\"slot\":\"light\"},slot:\"light\"}),_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"F3999试剂消耗量\")]),_c('span',{attrs:{\"slot\":\"value\"},slot:\"value\"},[_vm._v(_vm._s(_vm.F3999Consume))])]),_c('light-box',[_c('span',{staticClass:\"leftLight yellow\",attrs:{\"slot\":\"light\"},slot:\"light\"}),_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"F4000试剂消耗量\")]),_c('span',{attrs:{\"slot\":\"value\"},slot:\"value\"},[_vm._v(_vm._s(_vm.F4000Consume))])]),_c('light-box',[_c('span',{staticClass:\"leftLight skyblue\",attrs:{\"slot\":\"light\"},slot:\"light\"}),_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"I100试剂消耗量\")]),_c('span',{attrs:{\"slot\":\"value\"},slot:\"value\"},[_vm._v(_vm._s(_vm.I100Consume))])]),_c('light-box',[_c('span',{staticClass:\"leftLight pink\",attrs:{\"slot\":\"light\"},slot:\"light\"}),_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"S6500试剂消耗量\")]),_c('span',{attrs:{\"slot\":\"value\"},slot:\"value\"},[_vm._v(_vm._s(_vm.S6500Consume))])])],1),_c('title-text',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"1-12月试剂消耗量\")])]),_c('div',{staticClass:\"tableBox\"},[_c('el-table',{attrs:{\"row-style\":_vm.rowStyle,\"header-cell-style\":_vm.headStyle,\"cell-style\":_vm.cellStyle,\"data\":_vm.tableData,\"size\":_vm.small,\"fit\":_vm.fit,\"highlight-current-row\":true}},[_c('template',{slot:\"empty\"},[_c('span')]),_c('el-table-column',{attrs:{\"prop\":\"rName\",\"label\":\"试剂名称\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"rMonth\",\"label\":\"月份\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"sumCount\",\"label\":\"试剂消耗量\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"type\",\"label\":\"仪器类型\",\"min-width\":\"80\",\"align\":\"center\"}})],2),(_vm.loading)?_c('div',{staticClass:\"loading\"},[_c('i',{staticClass:\"el-icon-loading\"})]):_vm._e()],1),_c('div',{staticClass:\"monthPageBox\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.reagentPagesTotal,\"page-size\":_vm.reagentPagesSize},on:{\"current-change\":_vm.yearReagentConsume}})],1)],1),_c('div',{staticClass:\"leftContentBottom\"},[_c('title-text',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"1-12月试剂消耗量折线图\")])]),_c('div',{staticClass:\"lineBox\",attrs:{\"id\":\"lineBox\"}})],1)]),_c('div',{staticClass:\"rightContent\"},[_c('div',{staticClass:\"rightContentTop\"},[_c('title-text',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"本月前十试剂消耗排行\")])]),_c('div',{staticClass:\"selectBox\"},_vm._l((_vm.radioText),function(item,index){return _c('div',{key:index,staticClass:\"radioBox\"},[_c('input',{staticClass:\"radioStyle\",attrs:{\"type\":\"radio\",\"name\":\"reagent\",\"value\":\"area\"},domProps:{\"checked\":item.defullt},on:{\"click\":function($event){return _vm.selectedRadio(index)}}}),_c('span',[_vm._v(_vm._s(item.type))])])}),0),_c('div',{staticClass:\"barBox\",attrs:{\"id\":\"barBox\"}})],1),_c('div',{staticClass:\"rightContentBottom\"},[_c('title-text',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"本月各城市试剂消耗排行\")])]),_c('div',{staticClass:\"cityTableBox\"},[_c('el-table',{attrs:{\"row-style\":_vm.rowStyle,\"header-cell-style\":_vm.headStyle,\"cell-style\":_vm.cellStyle,\"data\":_vm.cityTableData,\"size\":_vm.small,\"fit\":_vm.fit,\"highlight-current-row\":true}},[_c('template',{slot:\"empty\"},[_c('span')]),_c('el-table-column',{attrs:{\"prop\":\"aName\",\"label\":\"大区名称\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"cName\",\"label\":\"城市名称\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"type\",\"label\":\"仪器类型\",\"min-width\":\"100\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"rName\",\"label\":\"试剂名称\",\"min-width\":\"100\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"sValue\",\"label\":\"本月用量\",\"min-width\":\"60\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"tb\",\"label\":\"同比\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"hb\",\"label\":\"环比\",\"min-width\":\"80\",\"align\":\"center\"}})],2),(_vm.loading2)?_c('div',{staticClass:\"loading\"},[_c('i',{staticClass:\"el-icon-loading\"})]):_vm._e()],1),_c('div',{staticClass:\"citypageBox\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.cityPagerTotal,\"page-size\":_vm.cityPagerSize},on:{\"current-change\":_vm.cityReagentConsume}})],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dataItem\"},[_c('div',{staticClass:\"topData\"},[_vm._t(\"light\"),_vm._t(\"title\")],2),_c('div',{staticClass:\"bottomData\"},[_vm._t(\"value\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dataItem\">\r\n    <div class=\"topData\">\r\n      <slot name=\"light\"></slot>\r\n      <slot name=\"title\"></slot>\r\n    </div>\r\n    <div class=\"bottomData\">\r\n      <slot name=\"value\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style lang='less' scoped>\r\n.dataItem {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  .topData {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 1.4vh;\r\n    .leftLight {\r\n      width: 1.8vh;\r\n      height: 1.8vh;\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n      margin: 0 1rem;\r\n    }\r\n    .aqua {\r\n      background-color: aqua;\r\n      box-shadow: 0 0 0.4rem rgba(174, 254, 253, 0.7);\r\n    }\r\n    .orange {\r\n      background-color: #ff8462;\r\n      box-shadow: 0 0 0.4rem rgba(250, 202, 188, 0.7);\r\n    }\r\n    .yellow {\r\n      background-color: #f3b757;\r\n      box-shadow: 0 0 0.4rem rgba(244, 221, 184, 0.7);\r\n    }\r\n    .skyblue {\r\n      background-color: #8dcef4;\r\n      box-shadow: 0 0 0.4rem rgba(200, 225, 240, 0.7);\r\n    }\r\n    .pink {\r\n      background-color: #ffb7cf;\r\n      box-shadow: 0 0 0.4rem rgba(254, 178, 204, 0.7);\r\n    }\r\n  }\r\n  .bottomData {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n}\r\n</style>","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!./lightBox.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!./lightBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./lightBox.vue?vue&type=template&id=16164c83&scoped=true&\"\nimport script from \"./lightBox.vue?vue&type=script&lang=js&\"\nexport * from \"./lightBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lightBox.vue?vue&type=style&index=0&id=16164c83&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  \"16164c83\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"reagentBox\">\r\n      <div class=\"leftContent\">\r\n        <div class=\"leftContentTop\">\r\n          <div class=\"topConsume\">\r\n            <light-box>\r\n              <span slot=\"light\" class=\"leftLight aqua\"></span>\r\n              <span slot=\"title\">今日试剂消耗量</span>\r\n              <span slot=\"value\">{{ todayConsume }}</span>\r\n            </light-box>\r\n            <light-box>\r\n              <span slot=\"light\" class=\"leftLight orange\"></span>\r\n              <span slot=\"title\">F3999试剂消耗量</span>\r\n              <span slot=\"value\">{{ F3999Consume }}</span>\r\n            </light-box>\r\n            <light-box>\r\n              <span slot=\"light\" class=\"leftLight yellow\"></span>\r\n              <span slot=\"title\">F4000试剂消耗量</span>\r\n              <span slot=\"value\">{{ F4000Consume }}</span>\r\n            </light-box>\r\n            <light-box>\r\n              <span slot=\"light\" class=\"leftLight skyblue\"></span>\r\n              <span slot=\"title\">I100试剂消耗量</span>\r\n              <span slot=\"value\">{{ I100Consume }}</span>\r\n            </light-box>\r\n            <light-box>\r\n              <span slot=\"light\" class=\"leftLight pink\"></span>\r\n              <span slot=\"title\">S6500试剂消耗量</span>\r\n              <span slot=\"value\">{{ S6500Consume }}</span>\r\n            </light-box>\r\n          </div>\r\n          <title-text><span slot=\"title\">1-12月试剂消耗量</span></title-text>\r\n          <div class=\"tableBox\">\r\n            <el-table\r\n              :row-style=\"rowStyle\"\r\n              :header-cell-style=\"headStyle\"\r\n              :cell-style=\"cellStyle\"\r\n              :data=\"tableData\"\r\n              :size=\"small\"\r\n              :fit=\"fit\"\r\n              :highlight-current-row=\"true\"\r\n            >\r\n              <!-- // 空数据状态的插槽 -->\r\n              <template slot=\"empty\">\r\n                <!-- <i class=\"el-icon-loading\"></i> -->\r\n                <span> </span>\r\n              </template>\r\n              <el-table-column\r\n                prop=\"rName\"\r\n                label=\"试剂名称\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"rMonth\"\r\n                label=\"月份\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"sumCount\"\r\n                label=\"试剂消耗量\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"type\"\r\n                label=\"仪器类型\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n            <!-- 数据请求为获得时加载图标 -->\r\n            <div class=\"loading\" v-if=\"loading\">\r\n              <i class=\"el-icon-loading\"></i>\r\n            </div>\r\n          </div>\r\n          <!-- 1-12月试剂消耗量分页器 -->\r\n          <div class=\"monthPageBox\">\r\n            <el-pagination\r\n              @current-change=\"yearReagentConsume\"\r\n              background\r\n              layout=\"prev, pager, next\"\r\n              :total=\"reagentPagesTotal\"\r\n              :page-size=\"reagentPagesSize\"\r\n            >\r\n            </el-pagination>\r\n          </div>\r\n        </div>\r\n        <div class=\"leftContentBottom\">\r\n          <title-text>\r\n            <span slot=\"title\">1-12月试剂消耗量折线图</span>\r\n          </title-text>\r\n          <div id=\"lineBox\" class=\"lineBox\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"rightContent\">\r\n        <div class=\"rightContentTop\">\r\n          <title-text\r\n            ><span slot=\"title\">本月前十试剂消耗排行</span></title-text\r\n          >\r\n          <div class=\"selectBox\">\r\n            <div\r\n              class=\"radioBox\"\r\n              v-for=\"(item, index) in radioText\"\r\n              :key=\"index\"\r\n            >\r\n              <input\r\n                @click=\"selectedRadio(index)\"\r\n                class=\"radioStyle\"\r\n                type=\"radio\"\r\n                name=\"reagent\"\r\n                value=\"area\"\r\n                :checked=\"item.defullt\"\r\n              />\r\n              <span>{{ item.type }}</span>\r\n            </div>\r\n          </div>\r\n          <div id=\"barBox\" class=\"barBox\"></div>\r\n        </div>\r\n        <div class=\"rightContentBottom\">\r\n          <title-text\r\n            ><span slot=\"title\">本月各城市试剂消耗排行</span></title-text\r\n          >\r\n          <div class=\"cityTableBox\">\r\n            <el-table\r\n              :row-style=\"rowStyle\"\r\n              :header-cell-style=\"headStyle\"\r\n              :cell-style=\"cellStyle\"\r\n              :data=\"cityTableData\"\r\n              :size=\"small\"\r\n              :fit=\"fit\"\r\n              :highlight-current-row=\"true\"\r\n            >\r\n              <!-- // 空数据状态的插槽 -->\r\n              <template slot=\"empty\">\r\n                <!-- <i class=\"el-icon-loading\"></i> -->\r\n                <span> </span>\r\n              </template>\r\n              <el-table-column\r\n                prop=\"aName\"\r\n                label=\"大区名称\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"cName\"\r\n                label=\"城市名称\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"type\"\r\n                label=\"仪器类型\"\r\n                min-width=\"100\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"rName\"\r\n                label=\"试剂名称\"\r\n                min-width=\"100\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"sValue\"\r\n                label=\"本月用量\"\r\n                min-width=\"60\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"tb\"\r\n                label=\"同比\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"hb\"\r\n                label=\"环比\"\r\n                min-width=\"80\"\r\n                align=\"center\"\r\n              >\r\n              </el-table-column>\r\n            </el-table>\r\n            <!-- 数据请求为获得时加载图标 -->\r\n            <div class=\"loading\" v-if=\"loading2\">\r\n              <i class=\"el-icon-loading\"></i>\r\n            </div>\r\n          </div>\r\n          <div class=\"citypageBox\">\r\n            <!-- 各城市试剂消耗排行分页器 -->\r\n            <el-pagination\r\n              background\r\n              @current-change=\"cityReagentConsume\"\r\n              layout=\"prev, pager, next\"\r\n              :total=\"cityPagerTotal\"\r\n              :page-size=\"cityPagerSize\"\r\n            >\r\n            </el-pagination>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from \"jquery\";\r\nimport { todeyInsTypeConsume } from \"@/request/api.js\";\r\nimport { yearReagentConsume } from \"@/request/api.js\";\r\nimport { cityReagentConsume } from \"@/request/api.js\";\r\nimport { MonthTop10Consume } from \"@/request/api.js\";\r\nimport { yearReagentConsumeLine } from \"@/request/api.js\";\r\n\r\nimport lightBox from \"@/components/ReagentChart/lightBox\";\r\nimport titleText from \"@/components/title.vue\";\r\nimport * as echarts from \"echarts\";\r\nimport \"@/assets/base/echartsBaseStyle.css\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      loading2: true,\r\n      dataObj: {},\r\n\r\n      reagentPagesTotal: null,\r\n      reagentPagesSize: 6,\r\n      cityPagerTotal: null,\r\n      cityPagerSize: 6,\r\n      small: \"small\",\r\n      fit: true,\r\n      headStyle: {\r\n        height: \"5vh\",\r\n        backgroundColor: \"#131428\",\r\n        color: \"#FFFFFF\",\r\n        fontSize: \"1vh\",\r\n      },\r\n      cellStyle: {\r\n        height: \"5vh\",\r\n        fontSize: \"1vh\",\r\n      },\r\n      radioText: [\r\n        { type: \"大区\", defullt: \"checked\" },\r\n        { type: \"城市\" },\r\n        { type: \"仪器类型\" },\r\n        { type: \"医院名称\" },\r\n        { type: \"试剂名称\" },\r\n      ],\r\n      // : [\"大区\", \"城市\", \"仪器类型\", \"医院名称\", \"试剂名称\"],\r\n      cityTableData: [],\r\n      tableData: [],\r\n      todayConsume: null,\r\n      F3999Consume: null,\r\n      F4000Consume: null,\r\n      I100Consume: null,\r\n      S6500Consume: null,\r\n      top10Data: [],\r\n\r\n      fullData: [],\r\n      typesData: [],\r\n      datesData: [],\r\n\r\n      // S6500: [],\r\n      // I100: [],\r\n      // F3999: [],\r\n      // F4000: [],\r\n      monthData: [],\r\n      typeData: [],\r\n      totalData: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.todeyInsTypeConsume();\r\n    this.yearReagentConsume(1);\r\n    this.cityReagentConsume(1);\r\n    this.MonthTop10Consume(\"area\");\r\n    this.yearReagentConsumeLine();\r\n  },\r\n  mounted() {\r\n    // this.showLineChart();\r\n    // this.showBarChart();\r\n  },\r\n  components: {\r\n    titleText,\r\n    lightBox,\r\n  },\r\n  methods: {\r\n    //本月前十试剂消耗排行模块的单选框\r\n    selectedRadio(e) {\r\n      console.log(\"选中了\", e);\r\n      switch (e) {\r\n        case 0:\r\n          this.MonthTop10Consume(\"area\");\r\n          break;\r\n        case 1:\r\n          this.MonthTop10Consume(\"city\");\r\n          break;\r\n        case 2:\r\n          this.MonthTop10Consume(\"eType\");\r\n          break;\r\n        case 3:\r\n          this.MonthTop10Consume(\"dName\");\r\n          break;\r\n        case 4:\r\n          this.MonthTop10Consume(\"rName\");\r\n          break;\r\n      }\r\n    },\r\n    //今日试剂消耗量、仪器试剂消耗量接口\r\n    todeyInsTypeConsume() {\r\n      todeyInsTypeConsume()\r\n        .then((res) => {\r\n          console.log(\"请求试剂消耗量成功\", res);\r\n          if (res.data.success) {\r\n            // 返回的数据长度不固定,switch检索填入\r\n            for (let i = 0; i < res.data.rows.length; i++) {\r\n              console.log(res.data.rows[i]);\r\n              switch (res.data.rows[i].type) {\r\n                case \"total\":\r\n                  this.todayConsume = res.data.rows[i].total;\r\n                  break;\r\n                case \"TESMI F4000\":\r\n                  this.F4000Consume = res.data.rows[i].total;\r\n                  break;\r\n                case \"TESMI F3999\":\r\n                  this.F3999Consume = res.data.rows[i].total;\r\n                  break;\r\n                case \"TESMI i100\":\r\n                  this.I100Consume = res.data.rows[i].total;\r\n                  break;\r\n                case \"SMART 6500\":\r\n                  this.S6500Consume = res.data.rows[i].total;\r\n                  break;\r\n              }\r\n            }\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"请求试剂消耗量失败\", err);\r\n        });\r\n    },\r\n    //1-12月试剂消耗量接口\r\n    yearReagentConsume(pages) {\r\n      this.loading = true;\r\n      console.log(\"pages是\", pages);\r\n      yearReagentConsume({\r\n        page: pages,\r\n        pageSize: \"6\",\r\n      })\r\n        .then((res) => {\r\n          console.log(\"1-12月试剂消耗量接口成功\", res);\r\n          if (res.data.success) {\r\n            this.tableData = res.data.rows;\r\n            this.reagentPagesTotal = res.data.total;\r\n            this.loading = false;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"1-12月试剂消耗量接口失败\", err);\r\n        });\r\n    },\r\n    //本月各城市试剂消耗排行\r\n    cityReagentConsume(pages) {\r\n      this.loading2 = true;\r\n      cityReagentConsume({\r\n        page: pages,\r\n        pageSize: \"6\",\r\n      })\r\n        .then((res) => {\r\n          console.log(\"各城市试剂消耗排行接口成功\", res);\r\n          if (res.data.success) {\r\n            this.cityTableData = res.data.rows;\r\n            this.cityPagerTotal = res.data.total;\r\n            this.loading2 = false;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"各城市试剂消耗排行接口失败\", err);\r\n        });\r\n    },\r\n    //本月前十试剂消耗排行\r\n    MonthTop10Consume(types) {\r\n      MonthTop10Consume({\r\n        type: types,\r\n      })\r\n        .then((res) => {\r\n          console.log(\"本月前十试剂消耗接口成功\", res);\r\n          if (res.data.success) {\r\n            this.top10Data = res.data.rows;\r\n          }\r\n          this.showBarChart();\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"本月前十试剂消耗接口失败\", err);\r\n        });\r\n    },\r\n    //1-12月试剂消耗量折线图接口\r\n    yearReagentConsumeLine() {\r\n      yearReagentConsumeLine()\r\n        .then((res) => {\r\n          console.log(\"试剂消耗量折线图接口成功\", res);\r\n\r\n          var totalData = res.data.rows;\r\n          let insertType = [];\r\n          this.dataObj[totalData[0].type] = [];\r\n          for (var i = 0; i < totalData.length; i++) {\r\n            //对数据进行处理{Tesmi F3999:[]}\r\n            let insTypeName = totalData[i].type;\r\n            let total = totalData[i].total;\r\n            // console.log(insTypeName);\r\n            // console.log(total);\r\n            if (insertType.indexOf(insTypeName) < 0) {\r\n              this.dataObj[insTypeName] = [];\r\n              this.dataObj[insTypeName].push(total);\r\n              insertType.push(insTypeName);\r\n            } else {\r\n              this.dataObj[insTypeName].push(total);\r\n            }\r\n\r\n            var monthIndex = this.monthData.indexOf(totalData[i].month);\r\n            var typeIndex = this.typeData.indexOf(totalData[i].type);\r\n            if (monthIndex == -1) {\r\n              //==-1,在数组中没有查询到索引，数组中没有当前元素\r\n              this.monthData.push(totalData[i].month);\r\n            }\r\n            if (typeIndex == -1) {\r\n              //数组中没有当前字符串\r\n              var dataObject = {};\r\n              this.typeData.push(totalData[i].type);\r\n              dataObject.types = totalData[i].type; //{types:\"S6500\"}\r\n              this.totalData.push(dataObject);\r\n            }\r\n          }\r\n          // 暂时处理：写死调整数据结构，后期需优化\r\n          // (图例，之前问题：折线图图例颜色不同是因为返回的数据不同，已经默认六种图例的颜色了，所以只需要调整数据结构即可)\r\n\r\n          console.log(this.typeData);\r\n          let TempArr = [\r\n            \"TESMI F3999\",\r\n            \"TESMI F4000\",\r\n            \"SMART 6500\",\r\n            \"TESMI i100\",\r\n            \"TESMI i200\",\r\n            \"免疫岛2.0\",\r\n          ];\r\n          this.typeData = TempArr;\r\n          console.log(TempArr);\r\n\r\n          // 数据\r\n          console.log(this.dataObj);\r\n          let TempObj = {};\r\n          TempObj[\"TESMI F3999\"] = this.dataObj[\"TESMI F3999\"];\r\n          TempObj[\"TESMI F4000\"] = this.dataObj[\"TESMI F4000\"];\r\n          TempObj[\"SMART 6500\"] = this.dataObj[\"SMART 6500\"];\r\n          TempObj[\"TESMI i100\"] = this.dataObj[\"TESMI i100\"];\r\n          TempObj[\"TESMI i200\"] = this.dataObj[\"TESMI i200\"];\r\n          TempObj[\"免疫岛2.0\"] = this.dataObj[\"免疫岛2.0\"];\r\n          console.log(TempObj);\r\n          this.dataObj = TempObj;\r\n\r\n          this.showLineChart();\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"试剂消耗量折线图接口失败\", err);\r\n        });\r\n    },\r\n\r\n    rowStyle(row) {\r\n      if (row.rowIndex % 2 === 0) {\r\n        return { backgroundColor: \"#222644\" };\r\n      } else if (row.rowindex % 2 === 1) {\r\n        return { backgroundColor: \"#262b4b\" };\r\n      }\r\n    },\r\n    showLineChart() {\r\n      var lineBox = document.getElementById(\"lineBox\");\r\n      var myLineChart = this.$echarts.init(lineBox, \"tellgenChart\");\r\n\r\n      //折线图数据----------------\r\n      var testArr = Object.keys(this.dataObj);\r\n      var tempData = [];\r\n      for (var i = 0; i < testArr.length; i++) {\r\n        console.log(i, testArr[i], this.dataObj[testArr[i]]);\r\n        tempData.push({\r\n          name: testArr[i],\r\n          type: \"line\",\r\n          stack: \"总量\",\r\n          data: this.dataObj[testArr[i]],\r\n        });\r\n      }\r\n      console.log(\"temp\", tempData);\r\n      //折线图数据----------------\r\n\r\n      for (var i = 0; i < this.totalData.length; i++) {\r\n        tempData.push({\r\n          name: this.totalData[i].types, //2 类型\r\n          type: \"line\",\r\n          stack: \"总量\",\r\n          areaStyle: {},\r\n          emphasis: {\r\n            focus: \"series\",\r\n          },\r\n          data: this.totalData[i].datas, //3 值\r\n          label: {\r\n            show: true,\r\n            fontSize: \"1.2rem\",\r\n            position: \"right\",\r\n          },\r\n        });\r\n      }\r\n      var option;\r\n      option = {\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          textStyle: {\r\n            fontSize: \"1rem\",\r\n          },\r\n          axisPointer: {\r\n            type: \"cross\",\r\n            label: {\r\n              backgroundColor: \"#6a7985\",\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          data: this.typeData, //1类型typesData  (图例，之前问题：折线图图例颜色不同是因为返回的数据不同，已经默认六种图例的颜色了，所以只需要调整数据结构即可)\r\n          textStyle: {\r\n            color: \"#EEEEEE\",\r\n            fontSize: \".9rem\",\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"5%\",\r\n          containLabel: true,\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n            boundaryGap: false,\r\n            data: this.monthData, //2\r\n            axisLabel: {\r\n              color: \"#eeeeee\",\r\n              fontSize: \"1.2rem\",\r\n            },\r\n            axisLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"#8c5a8d\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            axisLabel: {\r\n              color: \"#eeeeee\",\r\n              fontSize: \"1.2rem\",\r\n            },\r\n            splitLine: {\r\n              show: true,\r\n              lineStyle: {\r\n                color: \"#8c5a8d\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        series: tempData,\r\n      };\r\n      option && myLineChart.setOption(option);\r\n    },\r\n    showBarChart() {\r\n      var chartDom = document.getElementById(\"barBox\");\r\n      var myChart = echarts.init(chartDom, \"tellgenChart\");\r\n      var tempData = [[\"amount\", \"product\"]];\r\n      for (var i = 0; i < this.top10Data.length; i++) {\r\n        tempData.push([this.top10Data[i].value, this.top10Data[i].key]);\r\n      }\r\n      console.log(tempData);\r\n      var option;\r\n      option = {\r\n        tooltip: {\r\n          show: true,\r\n          textStyle: {\r\n            fontSize: \"1.8rem\",\r\n          },\r\n        },\r\n        dataset: {\r\n          source: tempData,\r\n        },\r\n        grid: {\r\n          containLabel: true,\r\n          left: \"4%\",\r\n          right: \"7%\",\r\n          bottom: \"4%\",\r\n          top: \"6%\",\r\n        },\r\n        xAxis: {\r\n          // name: \"amount\",\r\n          axisLabel: {\r\n            color: \"#eeeeee\",\r\n            fontSize: \"1.2rem\",\r\n          },\r\n          axisLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: \"#8c5a8d\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          axisLabel: {\r\n            color: \"#eeeeee\",\r\n            fontSize: \"1.2rem\",\r\n          },\r\n          axisLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: \"#8c5a8d\",\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: \"#8c5a8d\",\r\n            },\r\n          },\r\n        },\r\n        // visualMap: {\r\n        //   orient: \"horizontal\",\r\n        //   left: \"center\",\r\n        //   min: 10,\r\n        //   max: 100,\r\n        //   text: [\"High Score\", \"Low Score\"],\r\n        //   // Map the score column to color\r\n        //   dimension: 0,\r\n        //   inRange: {\r\n        //     color: [\"#3db1ff\"]\r\n        //   }\r\n        // },\r\n        series: [\r\n          {\r\n            type: \"bar\",\r\n            encode: {\r\n              // Map the \"amount\" column to X axis.\r\n              // x: \"amount\",\r\n              // Map the \"product\" column to Y axis\r\n              y: \"product\",\r\n            },\r\n          },\r\n        ],\r\n      };\r\n\r\n      option && myChart.setOption(option);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.reagentBox {\r\n  width: 100%;\r\n  height: 94vh; //改代码需要自适应\r\n  display: flex;\r\n  display: -webkit-flex; /* Safari */\r\n  flex-direction: row;\r\n  .leftContent {\r\n    flex: 1;\r\n    margin: 0 2rem;\r\n    display: flex;\r\n    display: -webkit-flex; /* Safari */\r\n    flex-direction: column;\r\n    .leftContentTop {\r\n      flex: 1.25;\r\n      background-color: #191931;\r\n      margin-bottom: 1.4rem;\r\n      border-radius: 1.4rem;\r\n      border: 0.1rem solid #232341;\r\n      padding: 0 2rem 2rem 2rem;\r\n\r\n      .topConsume {\r\n        width: 100%;\r\n        height: 8vh;\r\n        border-bottom: 0.3rem solid #100f1f;\r\n        display: flex;\r\n      }\r\n      .tableBox {\r\n        width: 100%;\r\n        height: 38vh;\r\n        overflow: hidden;\r\n        position: relative;\r\n        // 加载中\r\n        .loading {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          // background-color: #b2b2b258;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          z-index: 1000000;\r\n          i {\r\n            font-size: 4vh;\r\n            color: #f9f9f9;\r\n          }\r\n        }\r\n      }\r\n      .monthPageBox {\r\n        width: 100%;\r\n        height: 3vh;\r\n        // background-color: rgb(66, 63, 18);\r\n        margin-top: 1vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        .el-pagination.is-background {\r\n          width: 96%;\r\n          height: 4vh;\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n    .leftContentBottom {\r\n      flex: 1.1;\r\n      background-color: #191931;\r\n      border-radius: 1.4rem;\r\n      border: 0.1rem solid #232341;\r\n      .lineBox {\r\n        width: 100%;\r\n        height: 27vh;\r\n      }\r\n    }\r\n  }\r\n  .rightContent {\r\n    flex: 1;\r\n    margin-right: 2rem;\r\n    display: flex;\r\n    display: -webkit-flex; /* Safari */\r\n    flex-direction: column;\r\n    .rightContentTop {\r\n      flex: 1;\r\n      background-color: #191931;\r\n      margin-bottom: 1.4vh;\r\n      border-radius: 1.4rem;\r\n      border: 0.1rem solid #232341;\r\n      .selectBox {\r\n        width: 80%;\r\n        height: 2vh;\r\n        margin: 0 auto;\r\n        // background-color: rgb(68, 22, 64);\r\n        display: flex;\r\n        align-items: center;\r\n        .radioBox {\r\n          flex: 1;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          .radioStyle {\r\n            width: 2vh;\r\n            height: 2vh;\r\n            margin: 0 1vh;\r\n          }\r\n        }\r\n      }\r\n      .barBox {\r\n        width: 94%;\r\n        height: 36vh;\r\n      }\r\n    }\r\n    .rightContentBottom {\r\n      flex: 1.5;\r\n      background-color: #191931;\r\n      border-radius: 1.4rem;\r\n      border: 0.1rem solid #232341;\r\n      padding: 0 2vh 1vh 2vh;\r\n      .cityTableBox {\r\n        width: 100%;\r\n        height: 39vh;\r\n        overflow: hidden;\r\n        position: relative;\r\n        // 加载中\r\n        .loading {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          // background-color: #b2b2b258;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          z-index: 1000000;\r\n          i {\r\n            font-size: 4vh;\r\n            color: #f9f9f9;\r\n          }\r\n        }\r\n      }\r\n      .citypageBox {\r\n        width: 100%;\r\n        height: 3vh;\r\n        // background-color: rgb(36, 71, 71);\r\n        margin-top: 0.8vh;\r\n        // display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        .el-pagination.is-background {\r\n          width: 96%;\r\n          height: 4vh;\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2fced6ac&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=2fced6ac&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  \"2fced6ac\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleBox\"},[_vm._t(\"title\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"titleBox\">\r\n    <slot name=\"title\"></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.titleBox {\r\n  width: 100%;\r\n  height: 5vh;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 2.5vh;\r\n  letter-spacing: 0.4vh;\r\n}\r\n</style>>","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!./title.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!./title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./title.vue?vue&type=template&id=5f7e88b2&scoped=true&\"\nimport script from \"./title.vue?vue&type=script&lang=js&\"\nexport * from \"./title.vue?vue&type=script&lang=js&\"\nimport style0 from \"./title.vue?vue&type=style&index=0&id=5f7e88b2&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  \"5f7e88b2\",\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!./title.vue?vue&type=style&index=0&id=5f7e88b2&lang=less&scoped=true&\"","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!./index.vue?vue&type=style&index=0&id=2fced6ac&lang=less&scoped=true&\""],"sourceRoot":""}