学校-设备管理、违规设备

src/api/device_manager.js

  */
 export const device_manager_list_d = (data) =>
   setRequest("device_manager/list_d", data);
+/**
+ * 11.1.4.2设备管理--设备导出列表
+ */
+export const device_manager_export_d = (data) =>
+  setRequest("device_manager/export_d", data);
+/**
+ * 11.1.4.3设备管理--安装应用导出列表
+ */
+export const device_manager_export_id = (data) =>
+  setRequest("device_manager/export_id", data);

src/views/schoolSection/deviceManage/breakRuleDevice.vue

         />
       </div>
       <div class="search_right">
-        <Dropdown>
+        <Dropdown @on-click="dropdownSelected">
           <div class="drop_btn">
             其他操作<Icon type="ios-arrow-down" class="arrow_down" />
           </div>
           <DropdownMenu slot="list">
-            <DropdownItem>恢复出厂设置</DropdownItem>
-            <DropdownItem>发送消息</DropdownItem>
-            <DropdownItem>解除限制</DropdownItem>
-            <DropdownItem>限制使用</DropdownItem>
-            <DropdownItem>更新策略</DropdownItem>
-            <DropdownItem>重启设备</DropdownItem>
-            <DropdownItem>合理处理</DropdownItem>
+            <DropdownItem name="1">恢复出厂设置</DropdownItem>
+            <DropdownItem name="2">发送消息</DropdownItem>
+            <DropdownItem name="3">解除限制</DropdownItem>
+            <DropdownItem name="4">限制使用</DropdownItem>
+            <DropdownItem name="5">更新策略</DropdownItem>
+            <DropdownItem name="6">重启设备</DropdownItem>
+            <DropdownItem name="7">合理处理</DropdownItem>
           </DropdownMenu>
         </Dropdown>
       </div>
     </div>
     <div class="table_wrap">
-      <Table :columns="columns" :data="searchForm.list">
+      <Table
+        :columns="columns"
+        :data="searchForm.list"
+        @on-selection-change="selectionChange"
+      >
         <template slot-scope="{ row }" slot="actionSlot">
           <div class="action_list">
             <div @click="toDetail(row)">违规详情</div>
         list: [],
         total: 0
       },
+      tableSelection: [],
       columns: [
         {
           type: "selection",
     },
     // 获取列表
     getList() {
+      this.tableSelection = [];
       device_manager_list_vd({
         page: this.searchForm.page,
         size: this.searchForm.size,
     // 恢复出厂
     toRestore() {},
     // 合规处理
-    toHandle() {}
+    toHandle() {},
+    selectionChange(selection) {
+      this.tableSelection = selection;
+    },
+    // 其他操作
+    dropdownSelected(name) {
+      if (this.tableSelection.length === 0) {
+        this.$Message.error("请选择列表");
+        return;
+      }
+      if (name === "1") {
+        // 恢复出厂设置
+      } else if (name === "2") {
+        // 发送消息
+      } else if (name === "3") {
+        // 解除限制
+      } else if (name === "4") {
+        // 限制使用
+      } else if (name === "5") {
+        // 更新策略
+      } else if (name === "6") {
+        // 重启设备
+      } else if (name === "7") {
+        // 合理处理
+      }
+    }
   }
 };
 </script>

src/views/schoolSection/deviceManage/deviceManage.vue

           />
         </div>
         <div class="search_right">
-          <Button type="primary" class="primary_btn" style="margin-right: 10px"
+          <Button
+            type="primary"
+            class="primary_btn"
+            style="margin-right: 10px"
+            @click="toDeviceExport()"
             >设备导出</Button
           >
-          <Button type="primary" class="primary_btn" style="margin-right: 10px"
+          <Button
+            type="primary"
+            class="primary_btn"
+            style="margin-right: 10px"
+            @click="toInstallingAppExport()"
             >安装应用导出</Button
           >
-          <Dropdown>
+          <Dropdown @on-click="dropdownSelected">
             <div class="drop_btn">
               其他操作<Icon type="ios-arrow-down" class="arrow_down" />
             </div>
             <DropdownMenu slot="list">
-              <DropdownItem>恢复出厂设置</DropdownItem>
-              <DropdownItem>发送消息</DropdownItem>
-              <DropdownItem>整班发送消息</DropdownItem>
-              <DropdownItem>解除限制</DropdownItem>
-              <DropdownItem>限制使用</DropdownItem>
-              <DropdownItem>更新策略</DropdownItem>
-              <DropdownItem>重启设备</DropdownItem>
+              <DropdownItem name="1">恢复出厂设置</DropdownItem>
+              <DropdownItem name="2">发送消息</DropdownItem>
+              <DropdownItem name="3">整班发送消息</DropdownItem>
+              <DropdownItem name="4">解除限制</DropdownItem>
+              <DropdownItem name="5">限制使用</DropdownItem>
+              <DropdownItem name="6">更新策略</DropdownItem>
+              <DropdownItem name="7">重启设备</DropdownItem>
             </DropdownMenu>
           </Dropdown>
         </div>
       </div>
       <div class="table_wrap">
-        <Table :columns="columns" :data="searchForm.list">
+        <Table
+          :columns="columns"
+          :data="searchForm.list"
+          @on-selection-change="selectionChange"
+        >
           <template slot-scope="{ row }" slot="onlineSlot">
             <!-- 1在线2离线 -->
             <div v-if="row.online === 1">在线</div>
 </template>
 
 <script>
+import { exportToExcel } from "@/utils/exportToExcel";
 import { class_list } from "@/api/class";
-import { device_manager_list_d } from "@/api/device_manager";
+import {
+  device_manager_list_d,
+  device_manager_export_d,
+  device_manager_export_id
+} from "@/api/device_manager";
 export default {
   data() {
     return {
         list: [],
         total: 0
       },
+      tableSelection: [],
       schoolInfo: {
         schoolid: null,
         schoolname: null,
   },
   created() {
     this.getClassList();
-    this.searchList();
   },
   methods: {
     classChange(classid) {
             schoolname: data.obj.name,
             classList: data.obj.children
           };
+          this.searchList();
         } else {
           this.$Message.error(data.msg);
         }
     },
     // 获取列表
     getList() {
+      this.tableSelection = [];
       device_manager_list_d({
         page: this.searchForm.page,
         size: this.searchForm.size,
-        schoolid: this.searchForm.schoolid,
+        schoolid: this.schoolInfo.schoolid,
         classid: this.searchForm.classid,
         atype: this.searchForm.atype,
         name: this.searchForm.name
         }
       });
     },
+    // 设备导出
+    toDeviceExport() {
+      device_manager_export_d({
+        schoolid: this.schoolInfo.schoolid,
+        classid: this.searchForm.classid,
+        atype: this.searchForm.atype,
+        name: this.searchForm.name
+      }).then((data) => {
+        if (data.code === 0) {
+          exportToExcel(
+            [
+              {
+                list: data.obj.map((item) => {
+                  return {
+                    登录名: item.loginname,
+                    姓名: item.username,
+                    // 1在线2离线
+                    在线状态:
+                      item.online === 1
+                        ? "在线"
+                        : item.online === 2
+                        ? "离线"
+                        : "",
+                    设备型号: item.deviceModel,
+                    "ID(IMEI/MEID/ESN)": item.sn,
+                    Rom版本: item.romVersion,
+                    更新时间: item.updatetime
+                  };
+                }),
+                name: "设备导出"
+              }
+            ],
+            "设备导出"
+          );
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
+    // 安装应用导出
+    toInstallingAppExport() {
+      device_manager_export_id({
+        schoolid: this.schoolInfo.schoolid,
+        classid: this.searchForm.classid
+      }).then((data) => {
+        if (data.code === 0) {
+          exportToExcel(
+            [
+              {
+                list: data.obj.map((item) => {
+                  return {
+                    登录名: item.loginname,
+                    姓名: item.username,
+                    班级: item.classname,
+                    应用名称: item.appName,
+                    包名: item.appPackage,
+                    版本名称: item.appVersion,
+                    MAC地址: item.mac,
+                    时间: item.createtime
+                  };
+                }),
+                name: "安装应用导出"
+              }
+            ],
+            "安装应用导出"
+          );
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
+    },
     // 查看
     toView() {},
     // 策略
     toStrategy() {},
     // 设备密码
-    toPsw() {}
+    toPsw() {},
+    selectionChange(selection) {
+      this.tableSelection = selection;
+    },
+    // 其他操作
+    dropdownSelected(name) {
+      if (name === "1") {
+        // 恢复出厂设置
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      } else if (name === "2") {
+        // 发送消息
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      } else if (name === "3") {
+        // 整班发送消息
+      } else if (name === "4") {
+        // 解除限制
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      } else if (name === "5") {
+        // 限制使用
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      } else if (name === "6") {
+        // 更新策略
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      } else if (name === "7") {
+        // 重启设备
+        if (this.tableSelection.length === 0) {
+          this.$Message.error("请选择列表");
+          return;
+        }
+      }
+    }
   }
 };
 </script>