{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\statement\\statementList\\RegionalOrderReport.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\statement\\statementList\\RegionalOrderReport.vue","mtime":1678954023631},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgYXJlYU9yZGVyIH0gZnJvbSAiQC9hcGkvQ29tbWlzc2lvbiI7CmltcG9ydCBWYWJDaGFydCBmcm9tICJAL2V4dHJhL3ZhYkNoYXJ0cyI7CmltcG9ydCBSZWdpb24gZnJvbSAiQC9hc3NldHMvYXJlYS5qc29uIjsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFZhYkNoYXJ0CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNoYXJ0X29wdGlvbnM6IHt9LAogICAgICBjdXNfbnVtOiAxNSwKICAgICAgb3JkZXJzX251bTogMTUsCiAgICAgIG9yZGVyc19tb25leTogMTUsCiAgICAgIHZhbHVlOiAiIiwKICAgICAgY2l0eUNvZGU6ICIiLAogICAgICBkaXN0cmljdENvZGU6ICIiLAogICAgICBwcm92aW5jZUNvZGU6ICIiLAogICAgICBhcmVhX29wdGlvbnM6IFJlZ2lvbiwKICAgICAgdGltZTogIiIsCiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgc3RhcnQ6ICIiLAogICAgICBlbmQ6ICIiLAogICAgICBwYWdlVG90YWw6IDEwLAogICAgICBhOiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgdG90YWxPYmooKSB7CiAgICAgIGNvbnN0IHRvdGFsT2JqID0gewogICAgICAgIG51bTogMCwKICAgICAgICBhbW91bnQ6IDAsCiAgICAgICAgZGVhbEN1c3RvbWVyTnVtOiAwCiAgICAgIH07CiAgICAgIHRoaXMudGFibGVEYXRhLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgdG90YWxPYmouZGVhbEN1c3RvbWVyTnVtID0gdGhpcy4kTlAucGx1cyh0b3RhbE9iai5kZWFsQ3VzdG9tZXJOdW0sIGl0ZW0uZGVhbEN1c3RvbWVyTnVtKTsKICAgICAgICB0b3RhbE9iai5udW0gPSB0aGlzLiROUC5wbHVzKHRvdGFsT2JqLm51bSwgaXRlbS5udW0pOwogICAgICAgIHRvdGFsT2JqLmFtb3VudCA9IHRoaXMuJE5QLnBsdXModG90YWxPYmouYW1vdW50LCBpdGVtLmFtb3VudCk7CiAgICAgIH0pOwogICAgICByZXR1cm4gdG90YWxPYmo7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmFyZWFPcmRlcigpOwogIH0sCgogIGFjdGl2YXRlZCgpIHsKICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgYXN5bmMgYXJlYU9yZGVyKCkgewogICAgICBjb25zdCByZXMgPSBhd2FpdCBhcmVhT3JkZXIoewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICBzdGFydFRpbWU6IHRoaXMuc3RhcnQsCiAgICAgICAgZW5kVGltZTogdGhpcy5lbmQsCiAgICAgICAgcHJvdmluY2VDb2RlOiB0aGlzLnByb3ZpbmNlQ29kZQogICAgICB9KTsKICAgICAgdGhpcy50YWJsZURhdGEgPSByZXMuZGF0YTsKICAgICAgdGhpcy5wYWdlVG90YWwgPSByZXMucGFnZVRvdGFsOwogICAgICByZXMuZGF0YSA9IHJlcy5kYXRhLm1hcCh2ID0+IHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgbmFtZTogdi50aXRsZSwKICAgICAgICAgIHZhbHVlOiB2LmFtb3VudAogICAgICAgIH07CiAgICAgIH0pOwogICAgICB0aGlzLmNoYXJ0X29wdGlvbnMgPSB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgY29sb3I6ICIjMkQ0MDVFIiwKICAgICAgICAgIHRyaWdnZXI6ICJpdGVtIiwKICAgICAgICAgIGZvcm1hdHRlcjogIntifSA8YnIvPuiuouWNlemHkeminToge2N9IgogICAgICAgIH0sCiAgICAgICAgY29sb3I6IFsiIzNiYTI3MiIsICIjZmFjODU4IiwgIiNlZTY2NjYiLCAiIzczYzBkZSIsICIjZmM4NDUyIiwgIiM5YTYwYjQiLCAiI2VhN2NjYyIsICIjNTQ3MGM2IiwgIiM5MWNjNzUiXSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIG9yaWVudDogInZlcnRpY2FsIiwKICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICBsZWZ0OiA0MCwKICAgICAgICAgIHRvcDogMjAsCiAgICAgICAgICBib3R0b206IDIwLAogICAgICAgICAgZGF0YTogdGhpcy5hLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgICAgIHJldHVybiBpdGVtLm5hbWU7CiAgICAgICAgICB9KQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgdHlwZTogInBpZSIsCiAgICAgICAgICAvLyByYWRpdXM6IFsiNTAlIiwgIjc2JSJdLAogICAgICAgICAgbGFiZWxMaW5lOiB7CiAgICAgICAgICAgIG5vcm1hbDogewogICAgICAgICAgICAgIGxlbmd0aDogMzUgLy8g5pS55Y+Y5qCH56S657q/55qE6ZW/5bqmCgogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgZm9ybWF0dGVyOiAie2F8e2F9LX0gIiwKICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDEsCiAgICAgICAgICAgIGJvcmRlclJhZGl1czogNCwKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiMyRDQwNUUiIC8vIOaUueWPmOagh+ekuuaWh+Wtl+eahOminOiJsgoKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHJpY2g6IHsKICAgICAgICAgICAgICBhOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiM2RTcwNzkiLAogICAgICAgICAgICAgICAgbGluZUhlaWdodDogMjIsCiAgICAgICAgICAgICAgICBhbGlnbjogImNlbnRlciIKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIGhyOiB7CiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcjogIiM4QzhEOEUiLAogICAgICAgICAgICAgICAgd2lkdGg6ICIxMDAlIiwKICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLAogICAgICAgICAgICAgICAgaGVpZ2h0OiAwCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICBiOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiM0QzUwNTgiLAogICAgICAgICAgICAgICAgZm9udFNpemU6IDE0LAogICAgICAgICAgICAgICAgZm9udFdlaWdodDogImJvbGQiLAogICAgICAgICAgICAgICAgbGluZUhlaWdodDogMzMKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIHBlcjogewogICAgICAgICAgICAgICAgY29sb3I6ICIjZmZmIiwKICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogIiM0QzUwNTgiLAogICAgICAgICAgICAgICAgcGFkZGluZzogWzMsIDRdLAogICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiA0CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgZGF0YTogcmVzLmRhdGEKICAgICAgICB9XQogICAgICB9OwogICAgfSwKCiAgICAvLyDml7bpl7TnrZvpgIkKICAgIHRpbWVDaGFuZ2UodmFsKSB7CiAgICAgIGlmICh2YWwgJiYgdmFsLmxlbmd0aCkgewogICAgICAgIHRoaXMuc3RhcnQgPSB2YWxbMF0gLyAxMDAwOwogICAgICAgIHRoaXMuZW5kID0gdmFsWzFdIC8gMTAwMCArIDg2Mzk5OwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuc3RhcnQgPSAiIjsKICAgICAgICB0aGlzLmVuZCA9ICIiOwogICAgICB9CgogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIC8vICDljLrln58KICAgIHJlZ2lvbkNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wcm92aW5jZUNvZGUgPSB2YWxbMF07CiAgICAgIHRoaXMuY2l0eUNvZGUgPSB2YWxbMV07CiAgICAgIHRoaXMuZGlzdHJpY3RDb2RlID0gdmFsWzJdOwogICAgICB0aGlzLmFyZWFPcmRlcigpOwogICAgfSwKCiAgICBwYWdlQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhZ2UgPSB2YWw7CiAgICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgICB9LAoKICAgIHNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;AACA;AACA;AACA;EACAA;IAAAC;EAAA,CADA;;EAEAC;IACA;MACAC,iBADA;MAEAC,WAFA;MAGAC,cAHA;MAIAC,gBAJA;MAKAC,SALA;MAMAC,YANA;MAOAC,gBAPA;MAQAC,gBARA;MASAC,oBATA;MAUAC,QAVA;MAWAC,aAXA;MAYAC,OAZA;MAaAC,YAbA;MAcAC,SAdA;MAeAC,OAfA;MAgBAC,aAhBA;MAiBAC;IAjBA;EAmBA,CAtBA;;EAuBAC;IACAC;MACA;QACAC,MADA;QAEAC,SAFA;QAGAC;MAHA;MAKA;QACAH,yCACAA,wBADA,EAEAI,oBAFA;QAIAJ;QACAA;MACA,CAPA;MAQA;IACA;;EAhBA,CAvBA;;EAyCAK;IACA;EACA,CA3CA;;EA4CAC;IACA;EACA,CA9CA;;EA+CAC;IACA;MACA;QACAd,eADA;QAEAC,uBAFA;QAGAc,qBAHA;QAIAC,iBAJA;QAKApB;MALA;MAOA;MACA;MACAqB;QACA;UAAAC;UAAAzB;QAAA;MACA,CAFA;MAGA;QACA0B;UACAC,gBADA;UAEAC,eAFA;UAGAC;QAHA,CADA;QAMAF,QACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA,EASA,SATA,CANA;QAiBAG;UACAC,kBADA;UAEAC,UAFA;UAGAC,QAHA;UAIAC,OAJA;UAKAC,UALA;UAMAxC;YACA;UACA,CAFA;QANA,CAjBA;QA2BAyC,SACA;UACAC,WADA;UAEA;UACAC;YACAC;cACAC,UADA,CACA;;YADA;UADA,CAHA;UAQAC;YACAZ,sBADA;YAEAa,cAFA;YAGAC,eAHA;YAIAJ;cACAK;gBACAjB,gBADA,CACA;;cADA;YADA,CAJA;YASAkB;cACAjC;gBACAe,gBADA;gBAEAmB,cAFA;gBAGAC;cAHA,CADA;cAMAC;gBACAC,sBADA;gBAEAC,aAFA;gBAGAR,cAHA;gBAIAS;cAJA,CANA;cAYAC;gBACAzB,gBADA;gBAEA0B,YAFA;gBAGAC,kBAHA;gBAIAR;cAJA,CAZA;cAkBAS;gBACA5B,aADA;gBAEA6B,0BAFA;gBAGAC,eAHA;gBAIAd;cAJA;YAlBA;UATA,CARA;UA2CAhD;QA3CA,CADA;MA3BA;IA2EA,CAzFA;;IA0FA;IACA+D;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CApGA;;IAqGA;IACAC;MACA;MACA;MACA;MACA;IACA,CA3GA;;IA4GAC;MACA;MACA;IACA,CA/GA;;IAgHAC;MACA;MACA;IACA;;EAnHA;AA/CA","names":["components","VabChart","data","chart_options","cus_num","orders_num","orders_money","value","cityCode","districtCode","provinceCode","area_options","time","tableData","page","pageSize","start","end","pageTotal","a","computed","totalObj","num","amount","dealCustomerNum","item","created","activated","methods","startTime","endTime","res","name","tooltip","color","trigger","formatter","legend","orient","show","left","top","bottom","series","type","labelLine","normal","length","label","borderWidth","borderRadius","textStyle","rich","lineHeight","align","hr","borderColor","width","height","b","fontSize","fontWeight","per","backgroundColor","padding","timeChange","regionChange","pageChange","sizeChange"],"sourceRoot":"src/views/statement/statementList","sources":["RegionalOrderReport.vue"],"sourcesContent":["<template>\n  <ContainerQuery>\n    <el-form slot=\"more\" :inline=\"true\" size=\"small\">\n      <el-form-item>\n        <el-select\n          v-model=\"provinceCode\"\n          placeholder=\"地区\"\n          clearable\n          @change=\"pageChange(1)\"\n        >\n          <el-option\n            v-for=\"item in area_options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          ></el-option>\n        </el-select>\n      </el-form-item>\n      <el-form-item>\n        <div class=\"block\">\n          <el-date-picker\n            v-model=\"time\"\n            type=\"daterange\"\n            range-separator=\"-\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n            value-format=\"timestamp\"\n            @change=\"timeChange\"\n          ></el-date-picker>\n        </div>\n      </el-form-item>\n    </el-form>\n    <div class=\"order_echarts\">\n      <div class=\"order_txt\">\n        <span>客户数：</span>\n        <span class=\"num\">\n          {{ $_common.formatNub(totalObj.dealCustomerNum || 0) }}\n        </span>\n        <span>订单数：</span>\n        <span class=\"num\">{{ $_common.formatNub(totalObj.num || 0) }}</span>\n        <span>订单金额：</span>\n        <span class=\"num\">{{ $_common.formatNub(totalObj.amount || 0) }}</span>\n      </div>\n      <!--      <div id=\"echarts\"></div>-->\n      <vab-chart\n        style=\"width: 100%; height: 450px\"\n        :autoresize=\"true\"\n        :options=\"chart_options\"\n        theme=\"vab-echarts-theme\"\n      />\n    </div>\n    <el-table :data=\"tableData\" style=\"width: 100%\">\n      <el-table-column type=\"index\" label=\"#\"></el-table-column>\n      <el-table-column prop=\"title\" label=\"地区\"></el-table-column>\n      <el-table-column prop=\"dealCustomerNum\" label=\"客户数\"></el-table-column>\n      <el-table-column prop=\"num\" label=\"订单数\"></el-table-column>\n      <el-table-column prop=\"amount\" label=\"订单金额\">\n        <template slot-scope=\"scope\">\n          {{ $_common.formattedNumber(scope.row.amount) }}\n        </template>\n      </el-table-column>\n    </el-table>\n    <FooterPage\n      :page-size=\"pageSize\"\n      :total-page.sync=\"pageTotal\"\n      :current-page.sync=\"page\"\n      @pageChange=\"pageChange\"\n      @sizeChange=\"sizeChange\"\n    ></FooterPage>\n  </ContainerQuery>\n</template>\n<script>\n  import { areaOrder } from \"@/api/Commission\";\n  import VabChart from \"@/extra/vabCharts\";\n  import Region from \"@/assets/area.json\";\n  export default {\n    components: { VabChart },\n    data() {\n      return {\n        chart_options: {},\n        cus_num: 15,\n        orders_num: 15,\n        orders_money: 15,\n        value: \"\",\n        cityCode: \"\",\n        districtCode: \"\",\n        provinceCode: \"\",\n        area_options: Region,\n        time: \"\",\n        tableData: [],\n        page: 1,\n        pageSize: 10,\n        start: \"\",\n        end: \"\",\n        pageTotal: 10,\n        a: [],\n      };\n    },\n    computed: {\n      totalObj() {\n        const totalObj = {\n          num: 0,\n          amount: 0,\n          dealCustomerNum: 0,\n        };\n        this.tableData.forEach((item) => {\n          totalObj.dealCustomerNum = this.$NP.plus(\n            totalObj.dealCustomerNum,\n            item.dealCustomerNum\n          );\n          totalObj.num = this.$NP.plus(totalObj.num, item.num);\n          totalObj.amount = this.$NP.plus(totalObj.amount, item.amount);\n        });\n        return totalObj;\n      },\n    },\n    created() {\n      this.areaOrder();\n    },\n    activated() {\n      this.areaOrder();\n    },\n    methods: {\n      async areaOrder() {\n        const res = await areaOrder({\n          page: this.page,\n          pageSize: this.pageSize,\n          startTime: this.start,\n          endTime: this.end,\n          provinceCode: this.provinceCode,\n        });\n        this.tableData = res.data;\n        this.pageTotal = res.pageTotal;\n        res.data = res.data.map((v) => {\n          return { name: v.title, value: v.amount };\n        });\n        this.chart_options = {\n          tooltip: {\n            color: \"#2D405E\",\n            trigger: \"item\",\n            formatter: \"{b} <br/>订单金额: {c}\",\n          },\n          color: [\n            \"#3ba272\",\n            \"#fac858\",\n            \"#ee6666\",\n            \"#73c0de\",\n            \"#fc8452\",\n            \"#9a60b4\",\n            \"#ea7ccc\",\n            \"#5470c6\",\n            \"#91cc75\",\n          ],\n          legend: {\n            orient: \"vertical\",\n            show: true,\n            left: 40,\n            top: 20,\n            bottom: 20,\n            data: this.a.forEach((item) => {\n              return item.name;\n            }),\n          },\n          series: [\n            {\n              type: \"pie\",\n              // radius: [\"50%\", \"76%\"],\n              labelLine: {\n                normal: {\n                  length: 35, // 改变标示线的长度\n                },\n              },\n              label: {\n                formatter: \"{a|{a}-} \",\n                borderWidth: 1,\n                borderRadius: 4,\n                normal: {\n                  textStyle: {\n                    color: \"#2D405E\", // 改变标示文字的颜色\n                  },\n                },\n                rich: {\n                  a: {\n                    color: \"#6E7079\",\n                    lineHeight: 22,\n                    align: \"center\",\n                  },\n                  hr: {\n                    borderColor: \"#8C8D8E\",\n                    width: \"100%\",\n                    borderWidth: 1,\n                    height: 0,\n                  },\n                  b: {\n                    color: \"#4C5058\",\n                    fontSize: 14,\n                    fontWeight: \"bold\",\n                    lineHeight: 33,\n                  },\n                  per: {\n                    color: \"#fff\",\n                    backgroundColor: \"#4C5058\",\n                    padding: [3, 4],\n                    borderRadius: 4,\n                  },\n                },\n              },\n              data: res.data,\n            },\n          ],\n        };\n      },\n      // 时间筛选\n      timeChange(val) {\n        if (val && val.length) {\n          this.start = val[0] / 1000;\n          this.end = val[1] / 1000 + 86399;\n        } else {\n          this.start = \"\";\n          this.end = \"\";\n        }\n        this.pageChange(1);\n      },\n      //  区域\n      regionChange(val) {\n        this.provinceCode = val[0];\n        this.cityCode = val[1];\n        this.districtCode = val[2];\n        this.areaOrder();\n      },\n      pageChange(val) {\n        this.page = val;\n        this.areaOrder();\n      },\n      sizeChange(val) {\n        this.pageSize = val;\n        this.areaOrder();\n      },\n    },\n  };\n</script>\n<style scoped lang=\"scss\">\n  .order_echarts {\n    width: 100%;\n    height: 600px;\n    background-color: #ffffff;\n    .order_txt {\n      width: 100%;\n      height: 70px;\n      padding: 20px 20px;\n      position: relative;\n      .radios {\n        position: absolute;\n        top: 45px;\n        right: 20px;\n      }\n      .num {\n        color: #fd7945;\n        font-size: 24px;\n        margin-left: 10px;\n        margin-right: 40px;\n      }\n    }\n  }\n</style>\n"]}]}