123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- import {
- ElMessage
- } from 'element-plus'
- import {
- ElMessageBox
- } from 'element-plus'
- export default {
- name: "utils",
- /**
- * 保存界面配置参数
- * @param {Object} config
- */
- saveConfig: function(config) {
- localStorage.setItem("config", JSON.stringify(config));
- },
- showerror: function(msg) {
- ElMessage.error(msg);
- },
- showconfirm: function(msg) {
- ElMessageBox.confirm(
- msg,
- '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning',
- }
- )
- .then(() => {
- ElMessage({
- type: 'success',
- message: '退出成功',
- })
- })
- .catch(() => {})
- },
- /**
- * 创建图表标题
- * @param {Object} title
- */
- createChartTitle: function(title) {
- return {
- text: title,
- textStyle: {
- color: "#fff",
- fontWeight: 'normal'
- },
- x: 'center',
- y: '10'
- }
- },
- /**
- * 创建图表背景
- * @param {Object} title
- */
- createChartGaid: function(left, right, top, bottom) {
- return {
- left: left ? left : '30',
- right: right ? right : '10',
- top: top ? top : '50px',
- bottom: bottom ? bottom : '40'
- }
- },
- /**
- * 创建图表背景
- * @param {Object} title
- */
- createChartBaseOption: function(title, left, right, top, bottom, categorys) {
- return {
- title: this.createChartTitle(title),
- tooltip: {
- show: true,
- trigger: 'axis'
- },
- grid: this.createChartGaid(left, right, top, bottom),
- xAxis: {
- type: 'category',
- axisLine: {
- show: true,
- lineStyle: {
- color: this.getChartXColor()
- }
- },
- axisLabel: {
- color: this.getChartXTextColor()
- },
- axisTick: {
- show: false
- },
- splitLine: {
- show: false
- },
- boundaryGap: false,
- data: categorys
- },
- yAxis: {
- type: 'value',
- axisLabel: {
- color: this.getChartYTextColor(),
- },
- axisLine: {
- show: true,
- lineStyle: {
- color: this.getChartXColor()
- }
- },
- splitLine: {
- lineStyle: {
- color: this.getChartYColor(),
- type: 'dashed'
- },
- }
- }
- }
- },
- /**
- * 获取x轴颜色
- * @param {Object} title
- */
- getChartXColor: function() {
- // return '#85C1D9'
- return '#00FAC166'
- },
- /**
- * 获取x轴文本颜色
- * @param {Object} title
- */
- getChartXTextColor: function() {
- // return '#8BC4F2'
- // return '#F56C6Cbb'
- return '#ffffffdd'
- },
- /**
- * 获取y轴颜色
- * @param {Object} title
- */
- getChartYColor: function() {
- // return '#355C84'
- return '#00FAC166'
- },
- /**
- * 获取y轴文本颜色
- * @param {Object} title
- */
- getChartYTextColor: function() {
- // return '#8BC4F2'
- // return '#F56C6Cbb'
- return '#ffffffdd'
- }
- }
- Date.prototype.format = function(fmt) {
- var o = {
- "M+": this.getMonth() + 1, //月份
- "d+": this.getDate(), //日
- "h+": this.getHours(), //小时
- "m+": this.getMinutes(), //分
- "s+": this.getSeconds(), //秒
- "q+": Math.floor((this.getMonth() + 3) / 3), //季度
- "S": this.getMilliseconds() //毫秒
- };
- if (/(y+)/.test(fmt)) {
- fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
- }
- for (var k in o) {
- if (new RegExp("(" + k + ")").test(fmt)) {
- fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k])
- .length)));
- }
- }
- return fmt;
- }
|