forked from zhurui/management
1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\dormitory-not-returned.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\home-cell-components\\dormitory-not-returned.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport {\n\t\tmapGetters\n\t} from \"vuex\";\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\txDataWeek: [],\n\t\t\t\tseriesDataWeek: [],\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\t...mapGetters(['isFullScreen']),\n\t\t},\n\t\tmounted() {\n\t\t\tthis.notReturnFun()\n\t\t},\n\t\tmethods: {\n\t\t\tdraw() {\n\t\t\t\t// 实例化echarts对象\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\t\tlet option = {\n\t\t\t\t\tdataZoom: [{\n\t\t\t\t\t\ttype: 'inside',\n\t\t\t\t\t\tstart: this.xDataWeek.length < 7 ? 0 : ((this.xDataWeek.length - 7) / this.xDataWeek.length) * 100,\n\t\t\t\t\t\tend: 100\n\t\t\t\t\t}],\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\ttop: 60,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tright: '4%',\n\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\tcontainLabel: true\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\t\tformatter: '日期:{b}<br>未归人数:{c} 人'\n\t\t\t\t\t},\n\t\t\t\t\txAxis: [{\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\tdata: this.xDataWeek,\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\t\tinterval: 0,\n\t\t\t\t\t\t\trotate: 60\n\t\t\t\t\t\t}\n\t\t\t\t\t}],\n\t\t\t\t\tyAxis: {\n\t\t\t\t\t\tname: \"人\",\n\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\tsplitNumber: 4,\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: '#FFF'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnameTextStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tseries: [{\n\t\t\t\t\t\tname: '13',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\tdata: this.seriesDataWeek,\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\t\ttype: 'linear',\n\n\t\t\t\t\t\t\t\t\tcolorStops: [{\n\t\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\t\tcolor: '#A9F387' // 0% 处的颜色\n\t\t\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\t\t\tcolor: '#48D8BF' // 100% 处的颜色\n\t\t\t\t\t\t\t\t\t}],\n\t\t\t\t\t\t\t\t\tglobalCoord: false // 缺省为 false\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tshadowColor: 'rgba(72,216,191, 0.3)',\n\t\t\t\t\t\t\t\tshadowBlur: 0,\n\t\t\t\t\t\t\t\tshadowOffsetY: 0\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t\t\tborderWidth: 0,\n\t\t\t\t\t\t\t\tborderColor: \"#A9F387\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsmooth: true\n\t\t\t\t\t}]\n\t\t\t\t};\n\t\t\t\tmyChartDrawer.setOption(option);\n\t\t\t\tlet that = this\n\t\t\t\tmyChartDrawer.on('click', function(param) {\n\t\t\t\t\tlet date = param.name\n\t\t\t\t\tsessionStorage.setItem(\"date\", date)\n\t\t\t\t\tthat.$router.push({\n\t\t\t\t\t\tname: \"dormitoryManage-not-return\"\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 未归人员 一星期\n\t\t\tnotReturnFun() {\n\t\t\t\tthis.$http.get('/system/index/notReturnedStatistics')\n\t\t\t\t\t.then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet seriesDataWeek = res.data.map(v => {\n\t\t\t\t\t\t\treturn v.num\n\t\t\t\t\t\t})\n\t\t\t\t\t\tlet xDataWeek = res.data.map(v => {\n\t\t\t\t\t\t\treturn v.date\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.xDataWeek = xDataWeek.reverse()\n\t\t\t\t\t\tthis.seriesDataWeek = seriesDataWeek.reverse()\n\n\t\t\t\t\t\tthis.draw()\n\t\t\t\t\t})\n\t\t\t},\n\t\t\t// 点名\n\t\t\trefreshHandle() {\n\t\t\t\tlet timeId = null\n\t\t\t\tthis.$http.put(\"/job/schedule/runHome\", [\"1318181679319240705\"]).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\twindow.clearInterval(timeId)\n\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\treturn this.$message.warning(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\ttimeId = setTimeout(() => {\n\t\t\t\t\t\tthis.notReturnFun()\n\t\t\t\t\t\tthis.$message.success(\"已点名成功\")\n\t\t\t\t\t}, 2000)\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n",{"version":3,"sources":["dormitory-not-returned.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dormitory-not-returned.vue","sourceRoot":"src/views/modules/home-cell-components","sourcesContent":["<template>\n\t<div class=\"dormitory-not-returned\">\n\t\t<div style=\"display: flex;\">\n\t\t\t<div class=\"title\">\n\t\t\t\t宿舍每日到点未归人员\n\t\t\t\t<div class=\"angle-border left-top-border\"></div>\n\t\t\t\t<div class=\"angle-border right-top-border\"></div>\n\t\t\t\t<div class=\"angle-border left-bottom-border\"></div>\n\t\t\t\t<div class=\"angle-border right-bottom-border\"></div>\n\t\t\t</div>\n\t\t\t<div class=\"el-icon-timer\" style=\"height: 36px;line-height: 36px;margin-left: 20px;cursor: pointer;font-size: 30px;\"\n\t\t\t @click=\"refreshHandle\"></div>\n\t\t</div>\n\t\t<div :class=\"isFullScreen?'chart-maps':'chart-map'\" ref=\"myEchart\">\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {\n\t\tmapGetters\n\t} from \"vuex\";\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\txDataWeek: [],\n\t\t\t\tseriesDataWeek: [],\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\t...mapGetters(['isFullScreen']),\n\t\t},\n\t\tmounted() {\n\t\t\tthis.notReturnFun()\n\t\t},\n\t\tmethods: {\n\t\t\tdraw() {\n\t\t\t\t// 实例化echarts对象\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\t\tlet option = {\n\t\t\t\t\tdataZoom: [{\n\t\t\t\t\t\ttype: 'inside',\n\t\t\t\t\t\tstart: this.xDataWeek.length < 7 ? 0 : ((this.xDataWeek.length - 7) / this.xDataWeek.length) * 100,\n\t\t\t\t\t\tend: 100\n\t\t\t\t\t}],\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\ttop: 60,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tright: '4%',\n\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\tcontainLabel: true\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\t\tformatter: '日期:{b}<br>未归人数:{c} 人'\n\t\t\t\t\t},\n\t\t\t\t\txAxis: [{\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\tdata: this.xDataWeek,\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\t\tinterval: 0,\n\t\t\t\t\t\t\trotate: 60\n\t\t\t\t\t\t}\n\t\t\t\t\t}],\n\t\t\t\t\tyAxis: {\n\t\t\t\t\t\tname: \"人\",\n\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\tsplitNumber: 4,\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: '#FFF'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnameTextStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tseries: [{\n\t\t\t\t\t\tname: '13',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\tdata: this.seriesDataWeek,\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\t\ttype: 'linear',\n\n\t\t\t\t\t\t\t\t\tcolorStops: [{\n\t\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\t\tcolor: '#A9F387' // 0% 处的颜色\n\t\t\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\t\t\tcolor: '#48D8BF' // 100% 处的颜色\n\t\t\t\t\t\t\t\t\t}],\n\t\t\t\t\t\t\t\t\tglobalCoord: false // 缺省为 false\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tshadowColor: 'rgba(72,216,191, 0.3)',\n\t\t\t\t\t\t\t\tshadowBlur: 0,\n\t\t\t\t\t\t\t\tshadowOffsetY: 0\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t\t\tborderWidth: 0,\n\t\t\t\t\t\t\t\tborderColor: \"#A9F387\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsmooth: true\n\t\t\t\t\t}]\n\t\t\t\t};\n\t\t\t\tmyChartDrawer.setOption(option);\n\t\t\t\tlet that = this\n\t\t\t\tmyChartDrawer.on('click', function(param) {\n\t\t\t\t\tlet date = param.name\n\t\t\t\t\tsessionStorage.setItem(\"date\", date)\n\t\t\t\t\tthat.$router.push({\n\t\t\t\t\t\tname: \"dormitoryManage-not-return\"\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 未归人员 一星期\n\t\t\tnotReturnFun() {\n\t\t\t\tthis.$http.get('/system/index/notReturnedStatistics')\n\t\t\t\t\t.then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet seriesDataWeek = res.data.map(v => {\n\t\t\t\t\t\t\treturn v.num\n\t\t\t\t\t\t})\n\t\t\t\t\t\tlet xDataWeek = res.data.map(v => {\n\t\t\t\t\t\t\treturn v.date\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.xDataWeek = xDataWeek.reverse()\n\t\t\t\t\t\tthis.seriesDataWeek = seriesDataWeek.reverse()\n\n\t\t\t\t\t\tthis.draw()\n\t\t\t\t\t})\n\t\t\t},\n\t\t\t// 点名\n\t\t\trefreshHandle() {\n\t\t\t\tlet timeId = null\n\t\t\t\tthis.$http.put(\"/job/schedule/runHome\", [\"1318181679319240705\"]).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\twindow.clearInterval(timeId)\n\t\t\t\t\tif (res.code != 0) {\n\t\t\t\t\t\treturn this.$message.warning(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\ttimeId = setTimeout(() => {\n\t\t\t\t\t\tthis.notReturnFun()\n\t\t\t\t\t\tthis.$message.success(\"已点名成功\")\n\t\t\t\t\t}, 2000)\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style scoped lang=\"scss\">\n\t.dormitory-not-returned {\n\t\tcolor: #FFF;\n\n\t\t.title {\n\t\t\tfont-size: 18px;\n\t\t\theight: 36px;\n\t\t\tline-height: 36px;\n\t\t\tbackground-color: #133C6F;\n\t\t\twidth: 210px;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tcolor: #fff;\n\t\t\tmargin-bottom: 20px;\n\n\t\t\t.angle-border {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t}\n\n\t\t\t.left-top-border {\n\t\t\t\ttop: -6px;\n\t\t\t\tleft: -6px;\n\t\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\t\tborder-top: 1px solid #01FFFF;\n\t\t\t}\n\n\t\t\t.right-top-border {\n\t\t\t\ttop: -6px;\n\t\t\t\tright: -6px;\n\t\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\t\tborder-top: 1px solid #01FFFF;\n\t\t\t}\n\n\t\t\t.left-bottom-border {\n\t\t\t\tbottom: -6px;\n\t\t\t\tleft: -6px;\n\t\t\t\tborder-left: 1px solid #01FFFF;\n\t\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t\t}\n\n\t\t\t.right-bottom-border {\n\t\t\t\tbottom: -6px;\n\t\t\t\tright: -6px;\n\t\t\t\tborder-right: 1px solid #01FFFF;\n\t\t\t\tborder-bottom: 1px solid #01FFFF;\n\t\t\t}\n\t\t}\n\n\t\t.chart-map {\n\t\t\theight: 300px\n\t\t}\n\t\t.chart-maps{\n\t\t\theight: 450px\n\t\t}\n\t}\n</style>\n"]}]} |