提交进程管理ini

resources/js/components/Charts/lineMarker.vue

+<template>
+  <div :id="id" :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import echarts from 'echarts';
+import resize from './mixins/resize';
+import { userdevicemonthcount } from '@/api/homepage';
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  },
+  data() {
+    return {
+      chart: null,
+      userdevicepolice: [],
+      userdevicecount: [],
+    };
+  },
+  created() {
+    this.UserStatistics();
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    this.chart.dispose();
+    this.chart = null;
+  },
+  methods: {
+    initChart() {
+      const xData = (function() {
+        const data = [];
+        const date = new Date();
+        for (let i = 1; i < date.getMonth() + 1 + 1; i++) {
+          data.push(i + '月');
+        }
+        return data;
+      }());
+      this.chart = echarts.init(document.getElementById(this.id));
+      this.chart.setOption({
+        backgroundColor: '#394056',
+        title: {
+          top: 20,
+          text: '设备统计',
+          textStyle: {
+            fontWeight: 'normal',
+            fontSize: 16,
+            color: '#F1F1F3',
+          },
+          left: '1%',
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+        },
+        legend: {
+          top: 20,
+          icon: 'rect',
+          itemWidth: 14,
+          itemHeight: 5,
+          itemGap: 13,
+          data: ['设备数量', '报警数量'],
+          right: '4%',
+          textStyle: {
+            fontSize: 12,
+            color: '#F1F1F3',
+          },
+        },
+        grid: {
+          top: 100,
+          left: '2%',
+          right: '2%',
+          bottom: '2%',
+          containLabel: true,
+        },
+        xAxis: [{
+          type: 'category',
+          boundaryGap: false,
+          axisLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+          data: xData,
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '(%)',
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+          axisLabel: {
+            margin: 10,
+            textStyle: {
+              fontSize: 14,
+            },
+          },
+          splitLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+        }],
+        series: [{
+          name: '设备数量',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: 'rgba(0, 136, 212, 0.3)',
+              }, {
+                offset: 0.8,
+                color: 'rgba(0, 136, 212, 0)',
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10,
+            },
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(0,136,212)',
+              borderColor: 'rgba(0,136,212,0.2)',
+              borderWidth: 12,
+            },
+          },
+          data: this.userdevicecount,
+        }, {
+          name: '报警数量',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: 'rgba(219, 50, 51, 0.3)',
+              }, {
+                offset: 0.8,
+                color: 'rgba(219, 50, 51, 0)',
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10,
+            },
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(219,50,51)',
+              borderColor: 'rgba(219,50,51,0.2)',
+              borderWidth: 12,
+            },
+          },
+          data: this.userdevicepolice,
+        }],
+      });
+    },
+    UserStatistics() {
+      userdevicemonthcount()
+        .then(response => {
+          if (response.code === 200) {
+            this.userdevicecount = response.data.devicedata;
+            this.userdevicepolice = response.data.devicepolice;
+            this.initChart();
+          }
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+  },
+};
+</script>

resources/js/views/user/index.vue

@@ -179,7 +179,7 @@ export default {
       this.downloadLoading = true;
       import('@/vendor/Export2Excel').then(excel => {
         const tHeader = ['id', '账号名称', '用户名称', '用户邮箱', '用户地址(省)', '用户地址(市)', '用户地址(区)', '创建时间', '状态'];
-        const filterVal = ['id', 'username', 'nickname', 'email', 'province', 'area', 'city', 'add_time', 'state'];
+        const filterVal = ['id', 'username', 'nickname', 'email', 'province', 'area', 'city', 'created_at', 'state'];
         const data = this.formatJson(filterVal, this.userList);
         excel.export_json_to_excel({
           header: tHeader,
@@ -191,7 +191,7 @@ export default {
     },
     formatJson(filterVal, jsonData) {
       return jsonData.map(v => filterVal.map(j => {
-        if (j === 'add_time') {
+        if (j === 'created_at') {
           return parseTime(v[j]);
         } else if (j === 'state') {
           return v[j] === 1 ? '用户已被删除' : (v[j] === 3 ? '禁用' : '正常');

supervisord/chemicals.ini

+[program:chemicals] ;程序名称，终端控制时需要的标识
+command=php artisan swoolechewb ; 运行程序的命令
+directory=/home/www/laravelzh ; 命令执行的目录
+autorestart=true ; 程序意外退出是否自动重启
+stderr_logfile=/home/log/supervisor/chemicals.err.log ; 错误日志文件
+stdout_logfile=/home/log/supervisor/chemicals.out.log ; 输出日志文件
+;environment=ASPNETCORE_ENVIRONMENT=Production ; 进程环境变量
+user=apache ; 进程执行的用户身份
+;stopsignal=INT
+;autostart=true ;随着supervisord的启动而启动
+autorestart=true ;自动启动
+startsecs=1 ;程序重启时候停留在runing状态的秒数
+startretries=10 ;启动失败时的最多重试次数
+redirect_stderr=true ;重定向stderr到stdout

supervisord/fire.ini

+[program:fire] ;程序名称，终端控制时需要的标识
+command=php artisan swoolefirewb ; 运行程序的命令
+directory=/home/www/laravelzh ; 命令执行的目录
+autorestart=true ; 程序意外退出是否自动重启
+stderr_logfile=/home/log/supervisor/fire.err.log ; 错误日志文件
+stdout_logfile=/home/log/supervisor/fire.out.log ; 输出日志文件
+;environment=ASPNETCORE_ENVIRONMENT=Production ; 进程环境变量
+user=apache ; 进程执行的用户身份
+;stopsignal=INT
+;autostart=true ;随着supervisord的启动而启动
+autorestart=true ;自动启动
+startsecs=1 ;程序重启时候停留在runing状态的秒数
+startretries=10 ;启动失败时的最多重试次数
+redirect_stderr=true ;重定向stderr到stdout

supervisord/renren_fast.ini

+[program:laravel] ;程序名称，终端控制时需要的标识
+command=php artisan swoole ; 运行程序的命令
+directory=/home/www/laravelzh ; 命令执行的目录
+autorestart=true ; 程序意外退出是否自动重启
+stderr_logfile=/home/log/supervisor/swoole.err.log ; 错误日志文件
+stdout_logfile=/home/log/supervisor/swoole.out.log ; 输出日志文件
+;environment=ASPNETCORE_ENVIRONMENT=Production ; 进程环境变量
+user=apache ; 进程执行的用户身份
+;stopsignal=INT
+;autostart=true ;随着supervisord的启动而启动
+autorestart=true ;自动启动
+startsecs=1 ;程序重启时候停留在runing状态的秒数
+startretries=10 ;启动失败时的最多重试次数
+redirect_stderr=true ;重定向stderr到stdout

supervisord/swooleMeTcp.ini

+[program:swooleMetcp] ;程序名称，终端控制时需要的标识
+command=php artisan swooleMeTcp ; 运行程序的命令
+directory=/home/www/laravelzh ; 命令执行的目录
+autorestart=true ; 程序意外退出是否自动重启
+stderr_logfile=/home/log/supervisor/laravelswoole.err.log ; 错误日志文件
+stdout_logfile=/home/log/supervisor/laraveswoole.out.log ; 输出日志文件
+;environment=ASPNETCORE_ENVIRONMENT=Production ; 进程环境变量
+user=apache ; 进程执行的用户身份
+;stopsignal=INT
+;autostart=true ;随着supervisord的启动而启动
+autorestart=true ;自动启动
+startsecs=1 ;程序重启时候停留在runing状态的秒数
+startretries=10 ;启动失败时的最多重试次数
+redirect_stderr=true ;重定向stderr到stdout

supervisord/swoolealarm.ini

+[program:swoolealarm] ;程序名称，终端控制时需要的标识
+command=php artisan swoolealarm ; 运行程序的命令
+directory=/home/www/laravelzh ; 命令执行的目录
+autorestart=true ; 程序意外退出是否自动重启
+stderr_logfile=/home/log/supervisor/swoolealarm.err.log ; 错误日志文件
+stdout_logfile=/home/log/supervisor/swoolealarm.out.log ; 输出日志文件
+;environment=ASPNETCORE_ENVIRONMENT=Production ; 进程环境变量
+user=apache ; 进程执行的用户身份
+;stopsignal=INT
+;autostart=true ;随着supervisord的启动而启动
+autorestart=true ;自动启动
+startsecs=1 ;程序重启时候停留在runing状态的秒数
+startretries=10 ;启动失败时的最多重试次数
+redirect_stderr=true ;重定向stderr到stdout