学校-日志

src/api/log.js

@@ -0,0 +1,64 @@
+import { setRequest } from "@/utils/httpRequest";
+
+/**
+ * 7.1.1 管理员日志-列表
+ */
+export const logOperate_list = (data) => setRequest("logOperate/list", data);
+/**
+ * 7.1.2 管理员日志-添加
+ */
+export const logOperate_add = (data) => setRequest("logOperate/add", data);
+/**
+ * 7.2.1 设备推送日志-列表
+ */
+export const logPush_list = (data) => setRequest("logPush/list", data);
+/**
+ * 7.2.2 设备推送日志-添加
+ */
+export const logPush_add = (data) => setRequest("logPush/add", data);
+/**
+ * 7.3.1 设备位置日志-列表
+ */
+export const logDeviceLogin_list = (data) =>
+  setRequest("logDeviceLogin/list", data);
+/**
+ * 7.4.1 设备事件日志-列表
+ */
+export const logdoperate_list_event = (data) =>
+  setRequest("logdoperate/list_event", data);
+/**
+ * 7.4.2 设备事件日志-添加
+ */
+export const logdoperate_add = (data) => setRequest("logdoperate/add", data);
+/**
+ * 7.5.1 设备违规日志-列表
+ */
+export const logdoperate_list_violate = (data) =>
+  setRequest("logdoperate/list_violate", data);
+/**
+ * 7.6.1 应用下载日志-列表
+ */
+export const logAppDown_list = (data) => setRequest("logAppDown/list", data);
+/**
+ * 7.6.2 应用下载日志-添加
+ */
+export const logAppDown_add = (data) => setRequest("logAppDown/add", data);
+/**
+ * 7.7.1 应用启动日志-列表
+ */
+export const logAppStart_list_start = (data) =>
+  setRequest("logAppStart/list_start", data);
+/**
+ * 7.7.2 应用启动日志-添加
+ */
+export const logAppStart_add = (data) => setRequest("logAppStart/add", data);
+/**
+ * 7.8.1 设备已安装应用-列表
+ */
+export const logAppStart_list_install = (data) =>
+  setRequest("logAppStart/list_install", data);
+/**
+ * 7.9.1 设备导出-列表
+ */
+export const logDeviceBind_list = (data) =>
+  setRequest("logDeviceBind/list", data);

src/assets/less/common.less

@@ -56,7 +56,7 @@ body,
 }
 // iview表格全局自定义样式
 .ivu-table {
-  color: #798CB5;
+  color: #798cb5;
   background-color: #ffffff66;
   .ivu-table-header,
   .ivu-table-fixed-header {
@@ -64,7 +64,7 @@ body,
       background-color: #e9f0ff;
       th {
         padding: 12px 0;
-        color: #253A70;
+        color: #253a70;
         line-height: 1;
         background-color: #e9f0ff;
       }
@@ -74,15 +74,19 @@ body,
   .ivu-table-fixed-right .ivu-table-tbody tr,
   .ivu-table-body .ivu-table-tbody tr {
     &.ivu-table-row-hover {
-      color: #253A70;
+      color: #253a70;
       background-color: #ffffff;
       box-shadow: 6px 1px 9px 0 #0879cd24;
       td {
         background-color: #ffffff;
         .action_list {
-          color: #339DFF;
+          color: #339dff;
+          .action_error,
           .action_del {
-            color: #F0153F;
+            color: #f0153f;
+          }
+          .action_success {
+            color: #52c41a;
           }
         }
       }
@@ -138,7 +142,7 @@ body,
   .ivu-table-cell {
     line-height: 1.6;
   }
-  .ivu-table-overflowX{
+  .ivu-table-overflowX {
     overflow: visible;
   }
   .ivu-table-tip {
@@ -325,10 +329,10 @@ fieldset[disabled] .ivu-input,
 .ivu-checkbox-disabled {
   &.ivu-checkbox-checked .ivu-checkbox-inner,
   .ivu-checkbox-inner {
-    background-color: #D2DBF3;
-    border-color: #98AAE1;
+    background-color: #d2dbf3;
+    border-color: #98aae1;
     &:after {
-      border-color: #253A70;
+      border-color: #253a70;
     }
   }
 }
@@ -351,17 +355,17 @@ fieldset[disabled] .ivu-input,
     0 3px 5px 0 #339dff80, inset 0 -2px 0 0 #2b89e0;
 }
 .ivu-modal-confirm-body {
-  color: #7C8DB5;
+  color: #7c8db5;
   font-size: 16px;
 }
 .ivu-btn.ivu-btn-default {
-  color: #7C8DB5;
+  color: #7c8db5;
   border: 1px solid #b8c2d9;
   border-radius: 8px;
 }
 .ivu-modal-confirm-footer .ivu-btn.ivu-btn-text {
   margin-right: 16px;
-  color: #7C8DB5;
+  color: #7c8db5;
   border: 1px solid #b8c2d9;
   border-radius: 8px;
 }
@@ -436,4 +440,4 @@ fieldset[disabled] .ivu-input,
   .ivu-form-item-content {
     font-size: 16px;
   }
-}
+}

src/utils/index.js

@@ -690,3 +690,25 @@ export const dateRangeToSecond = ([beginDate, endDate]) => {
     endtime: _endtime
   };
 };
+export const doEventInfo = {
+  1: "更换SIM卡",
+  2: "违规开启蓝牙",
+  3: "USB连接电脑",
+  4: "USB拔出电脑",
+  5: "插入SD卡",
+  6: "拔出SD卡",
+  7: "账号登录",
+  8: "账号退出",
+  9: "安装应用",
+  10: "卸载应用",
+  11: "启动应用",
+  12: "首次使用"
+};
+export const pushTypeInfo = {
+  1: "发送消息",
+  2: "解除限制",
+  3: "限制使用",
+  4: "更新策略",
+  5: "重启设备",
+  6: "恢复出厂"
+};

src/views/layout.vue

@@ -65,7 +65,14 @@ export default {
         // 更换手机号
       } else if (name === "4") {
         // 退出
-        this.toLoginOut();
+        this.$Modal.confirm({
+          title: "提示",
+          content: "确定退出吗？",
+          onOk: () => {
+            this.toLoginOut();
+          },
+          onCancel: () => {}
+        });
       }
     },
     // 退出

src/views/platformSection/log/deviceExport.vue

@@ -3,7 +3,7 @@
     <div class="search_header">
       <div class="search_left">
         <Input
-          v-model="searchForm.aname"
+          v-model="searchForm.name"
           placeholder="请输入名称"
           search
           @on-search="searchList()"
@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { whiteLibrary_list } from "@/api/whiteLibrary";
+import { logDeviceBind_list } from "@/api/log";
 export default {
   data() {
     return {
@@ -67,22 +67,22 @@ export default {
         },
         {
           title: "区域名称",
-          key: "nameSlot",
+          key: "regionName",
           align: "center"
         },
         {
           title: "学校数",
-          key: "versionName",
+          key: "schoolnum",
           align: "center"
         },
         {
           title: "用户数",
-          key: "website",
+          key: "usernum",
           align: "center"
         },
         {
           title: "设备数",
-          key: "whiteAddressSlot",
+          key: "snnum",
           align: "center"
         },
         {
@@ -116,7 +116,7 @@ export default {
     },
     // 获取列表
     getList() {
-      whiteLibrary_list({
+      logDeviceBind_list({
         page: this.searchForm.page,
         size: this.searchForm.size,
         name: this.searchForm.name

src/views/schoolSection/log/admin.vue

@@ -1,14 +1,154 @@
 <template>
-  <div class="main_root">管理员日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、事件"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list"></Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat } from "@/utils";
+import { logOperate_list } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "aname",
+          align: "center"
+        },
+        {
+          title: "事件",
+          key: "content",
+          align: "center"
+        },
+        {
+          title: "时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logOperate_list({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/appLaunch.vue

@@ -1,14 +1,181 @@
 <template>
-  <div class="main_root">应用启动日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、设备号"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="violatedSlot">
+          <div class="action_list">
+            <!-- 0不违规1违规 -->
+            <div v-if="row.violated === 1" class="action_success">是</div>
+            <div v-else-if="row.violated === 0" class="action_error">否</div>
+          </div>
+        </template>
+      </Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat } from "@/utils";
+import { logAppStart_list_start } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "aname",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "应用名称",
+          key: "appName",
+          align: "center"
+        },
+        {
+          title: "违规",
+          slot: "violatedSlot",
+          align: "center"
+        },
+        {
+          title: "下载时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logAppStart_list_start({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    }
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/applicationDownload.vue

@@ -1,14 +1,173 @@
 <template>
-  <div class="main_root">应用下载日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、事件"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list"></Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat } from "@/utils";
+import { logAppDown_list } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "aname",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "应用名称",
+          key: "appName",
+          align: "center"
+        },
+        {
+          title: "版本号",
+          key: "appVersion",
+          align: "center"
+        },
+        {
+          title: "下载时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logAppDown_list({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    }
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/deviceEvents.vue

@@ -1,14 +1,211 @@
 <template>
-  <div class="main_root">设备事件日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Select
+          v-model="searchForm.doEvent"
+          :transfer="true"
+          style="margin-right: 10px; width: 150px"
+          @on-change="searchList()"
+        >
+          <Option :value="0">所有事件</Option>
+          <Option
+            v-for="(eventName, eventVal) in doEventInfo"
+            :value="Number(eventVal)"
+            :key="eventVal"
+            >{{ eventName }}</Option
+          >
+        </Select>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、设备号"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+      <Button type="primary" class="primary_btn" @click="toExport()"
+        >导出</Button
+      >
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="doEventSlot">
+          <!-- 1发送消息 2解除限制 3限制使用 4更新策略 5重启设备 6恢复出厂 -->
+          <div>{{ doEventInfo[row.doEvent] }}</div>
+        </template>
+        <template slot-scope="{ row }" slot="violatedSlot">
+          <div class="action_list">
+            <!-- 0不违规1违规 -->
+            <div v-if="row.violated === 1" class="action_success">是</div>
+            <div v-else-if="row.violated === 0" class="action_error">否</div>
+          </div>
+        </template>
+      </Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat, doEventInfo } from "@/utils";
+import { logdoperate_list_event } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      doEventInfo,
+      searchForm: {
+        dataRange: [],
+        doEvent: 0,
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "username",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "事件",
+          slot: "doEventSlot",
+          align: "center"
+        },
+        {
+          title: "描述",
+          key: "comm",
+          align: "center"
+        },
+        {
+          title: "违规",
+          slot: "violatedSlot",
+          align: "center"
+        },
+        {
+          title: "时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logdoperate_list_event({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        doEvent: this.searchForm.doEvent,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/deviceExport.vue

@@ -1,14 +1,149 @@
 <template>
-  <div class="main_root">设备导出</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入名称"
+          search
+          @on-search="searchList()"
+          style="width: 150px"
+        />
+      </div>
+      <Button type="primary" class="primary_btn" @click="toExport()"
+        >导出</Button
+      >
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="actionSlot">
+          <div class="action_list">
+            <div @click="toExport(row)">导出</div>
+          </div>
+        </template>
+      </Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { logDeviceBind_list } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "区域名称",
+          key: "regionName",
+          align: "center"
+        },
+        {
+          title: "学校数",
+          key: "schoolnum",
+          align: "center"
+        },
+        {
+          title: "用户数",
+          key: "usernum",
+          align: "center"
+        },
+        {
+          title: "设备数",
+          key: "snnum",
+          align: "center"
+        },
+        {
+          title: "操作",
+          slot: "actionSlot",
+          width: 90,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      logDeviceBind_list({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/deviceInstallation.vue

@@ -1,14 +1,187 @@
 <template>
-  <div class="main_root">设备已安装应用</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、设备号、应用"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+      <Button type="primary" class="primary_btn" @click="toExport()"
+        >导出</Button
+      >
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list"></Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat } from "@/utils";
+import { logAppStart_list_install } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "aname",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "应用名称",
+          key: "appName",
+          align: "center"
+        },
+        {
+          title: "应用包名",
+          key: "appPackage",
+          align: "center"
+        },
+        {
+          title: "版本名称",
+          key: "versionName",
+          align: "center"
+        },
+        {
+          title: "版本号",
+          key: "versionNum",
+          align: "center"
+        },
+        {
+          title: "上报时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logAppStart_list_install({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/deviceLocation.vue

@@ -1,14 +1,172 @@
 <template>
-  <div class="main_root">设备位置日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、事件"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+      <Button type="primary" class="primary_btn" @click="toExport()"
+        >导出</Button
+      >
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list"></Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat } from "@/utils";
+import { logDeviceLogin_list } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "username",
+          align: "center"
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "地址",
+          key: "ipAddress",
+          align: "center"
+        },
+        {
+          title: "时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logDeviceLogin_list({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/devicePush.vue

@@ -1,14 +1,164 @@
 <template>
-  <div class="main_root">设备推送日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、事件"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="pushTypeSlot">
+          <!-- 1发送消息 2解除限制 3限制使用 4更新策略 5重启设备 6恢复出厂 -->
+          <div>{{ pushTypeInfo[row.pushType] }}</div>
+        </template>
+      </Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat, pushTypeInfo } from "@/utils";
+import { logPush_list } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      pushTypeInfo,
+      searchForm: {
+        dataRange: [],
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "aname",
+          align: "center"
+        },
+        {
+          title: "事件",
+          slot: "pushTypeSlot",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logPush_list({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    }
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>

src/views/schoolSection/log/violatingDevice.vue

@@ -1,14 +1,254 @@
 <template>
-  <div class="main_root">违规设备日志</div>
+  <div class="main_root">
+    <div class="search_header">
+      <div class="search_left">
+        <DatePicker
+          v-model="searchForm.dataRange"
+          @on-change="searchList()"
+          :editable="false"
+          :transfer="true"
+          format="yyyy-MM-dd"
+          type="daterange"
+          placement="bottom-start"
+          placeholder="请选择日期范围"
+          style="margin-right: 10px; width: 220px"
+        ></DatePicker>
+        <Select
+          v-model="searchForm.doEvent"
+          :transfer="true"
+          style="margin-right: 10px; width: 150px"
+          @on-change="searchList()"
+        >
+          <Option :value="0">所有事件</Option>
+          <Option
+            v-for="(eventName, eventVal) in doEventInfo"
+            :value="Number(eventVal)"
+            :key="eventVal"
+            >{{ eventName }}</Option
+          >
+        </Select>
+        <Input
+          v-model="searchForm.name"
+          placeholder="请输入登录名、设备号"
+          search
+          @on-search="searchList()"
+          style="width: 180px"
+        />
+      </div>
+      <Button type="primary" class="primary_btn" @click="toExport()"
+        >导出</Button
+      >
+    </div>
+    <div class="table_wrap">
+      <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="doEventSlot">
+          <!-- 1发送消息 2解除限制 3限制使用 4更新策略 5重启设备 6恢复出厂 -->
+          <div>{{ doEventInfo[row.doEvent] }}</div>
+        </template>
+        <template slot-scope="{ row }" slot="noticedSlot">
+          <div class="action_list">
+            <!-- 是否通知：0否 1是 -->
+            <div v-if="row.noticed === 1" class="action_success">是</div>
+            <div v-else-if="row.noticed === 0" class="action_error">否</div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="lockedSlot">
+          <div class="action_list">
+            <!-- 是否锁定：0否 1是 -->
+            <div v-if="row.locked === 1" class="action_success">是</div>
+            <div v-else-if="row.locked === 0" class="action_error">否</div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="resetedSlot">
+          <div class="action_list">
+            <!-- 是否重置：0否 1是 -->
+            <div v-if="row.reseted === 1" class="action_success">是</div>
+            <div v-else-if="row.reseted === 0" class="action_error">否</div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="emailedSlot">
+          <div class="action_list">
+            <!-- 是否发送邮件：0否 1是 -->
+            <div v-if="row.emailed === 1" class="action_success">是</div>
+            <div v-else-if="row.emailed === 0" class="action_error">否</div>
+          </div>
+        </template>
+        <template slot-scope="{ row }" slot="handledSlot">
+          <div class="action_list">
+            <!-- 是否处理：0否 1是 -->
+            <div v-if="row.handled === 1" class="action_success">是</div>
+            <div v-else-if="row.handled === 0" class="action_error">否</div>
+          </div>
+        </template>
+      </Table>
+    </div>
+    <div class="page_wrap">
+      <Page
+        :transfer="true"
+        :total="searchForm.total"
+        :current="searchForm.page"
+        :page-size="searchForm.size"
+        :page-size-opts="[10, 20, 40, 60]"
+        @on-change="pageChange"
+        @on-page-size-change="pageSizeChange"
+        show-total
+        show-sizer
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { dateFormat, doEventInfo } from "@/utils";
+import { logdoperate_list_violate } from "@/api/log";
 export default {
   data() {
-    return {};
+    return {
+      doEventInfo,
+      searchForm: {
+        dataRange: [],
+        doEvent: 0,
+        name: "",
+        page: 1,
+        size: 10,
+        list: [],
+        total: 0
+      },
+      columns: [
+        {
+          title: "序号",
+          align: "center",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index +
+                (this.searchForm.page - 1) * this.searchForm.size +
+                1
+            );
+          }
+        },
+        {
+          title: "学校名称",
+          key: "schoolName",
+          align: "center"
+        },
+        {
+          title: "班级",
+          key: "classname",
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          align: "center"
+        },
+        {
+          title: "姓名",
+          key: "username",
+          align: "center"
+        },
+        {
+          title: "设备号码",
+          key: "sn",
+          align: "center"
+        },
+        {
+          title: "事件",
+          slot: "doEventSlot",
+          align: "center"
+        },
+        {
+          title: "通知",
+          slot: "noticedSlot",
+          align: "center"
+        },
+        {
+          title: "锁定",
+          slot: "lockedSlot",
+          align: "center"
+        },
+        {
+          title: "重置",
+          slot: "resetedSlot",
+          align: "center"
+        },
+        {
+          title: "发邮件",
+          slot: "emailedSlot",
+          align: "center"
+        },
+        {
+          title: "处理结果",
+          slot: "handledSlot",
+          align: "center"
+        },
+        {
+          title: "时间",
+          key: "createtime",
+          width: 190,
+          align: "center"
+        }
+      ]
+    };
   },
-  methods: {}
+  created() {
+    this.searchList();
+  },
+  methods: {
+    // 搜索
+    searchList() {
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 页码改变
+    pageChange(page) {
+      this.searchForm.page = page;
+      this.getList();
+    },
+    // 每页显示数量改变
+    pageSizeChange(size) {
+      this.searchForm.size = size;
+      this.searchForm.page = 1;
+      this.getList();
+    },
+    // 获取列表
+    getList() {
+      let _begindate = this.searchForm.dataRange[0];
+      _begindate = _begindate ? dateFormat(_begindate, "yyyy-MM-dd") : null;
+      let _enddate = this.searchForm.dataRange[1];
+      _enddate = _enddate ? dateFormat(_enddate, "yyyy-MM-dd") : null;
+      logdoperate_list_violate({
+        page: this.searchForm.page,
+        size: this.searchForm.size,
+        doEvent: this.searchForm.doEvent,
+        begindate: _begindate,
+        enddate: _enddate,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          this.searchForm.list = data.obj.data;
+          this.searchForm.total = data.obj.total;
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    toExport() {}
+  }
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.search_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 16px;
+  .search_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+}
+</style>