设备管理 云小微

src/api/device/yxw.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 分页
+export function getYxwPage(data) {
+    return request({
+        url: `/device/yunxiaowei/pageList`,
+        method: 'post',
+        data: data
+    })
+}
+
+// 导出设备号
+export function downLoadNo(data) {
+    return request({
+        url: `/device/yunxiaowei/exportDeviceNo`,
+        method: 'post',
+        data: data
+    })
+}

src/views/device/yxw/index.vue

@@ -3,78 +3,103 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" size="mini">
       <el-form-item label="设备ID：">
-          <el-input placeholder="请输入设备ID" />
+        <el-input placeholder="请输入设备ID" />
       </el-form-item>
       <el-form-item label="设备型号：">
-          <el-input placeholder="请输入设备型号" />
+        <el-input placeholder="请输入设备型号" />
       </el-form-item>
       <el-form-item label="设备类型：">
-          <el-select placeholder="请选择设备类型">
-              <el-option />
-          </el-select>
+        <el-select placeholder="请选择设备类型">
+          <el-option />
+        </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
-          <el-select>
-              <el-option />
-          </el-select>
+        <el-select>
+          <el-option />
+        </el-select>
       </el-form-item>
       <el-form-item label="创建时间：">
-          <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期" />
+        <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期" />
       </el-form-item>
       <el-form-item label="激活时间：">
-          <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期" />
+        <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期" />
       </el-form-item>
       <el-form-item>
         <el-button icon="el-icon-search" type="primary">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
         <el-button icon="el-icon-plus" type="primary" plain @click="dialogVisible = true">新增</el-button>
-        <el-button icon="el-icon-download" type="primary">导出设备号</el-button>
+        <el-button icon="el-icon-download" type="primary" @click="getDownLoadNo">导出设备号</el-button>
         <el-button icon="el-icon-download" type="primary">导出数据</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
     <el-table :data="tableData">
-        <el-table-column prop="id" label="设备ID" align="center"></el-table-column>
-        <el-table-column prop="only" label="设备标识" align="center"></el-table-column>
-        <el-table-column prop="model" label="设备型号" align="center"></el-table-column>
-        <el-table-column prop="type" label="设备类型" align="center"></el-table-column>
-        <el-table-column prop="create" label="创建时间" align="center"></el-table-column>
-        <el-table-column prop="update" label="激活时间" align="center"></el-table-column>
-        <el-table-column prop="status" label="当前状态" align="center"></el-table-column>
+      <el-table-column prop="id" label="设备ID" align="center"></el-table-column>
+      <el-table-column prop="only" label="设备标识" align="center"></el-table-column>
+      <el-table-column prop="model" label="设备型号" align="center"></el-table-column>
+      <el-table-column prop="type" label="设备类型" align="center"></el-table-column>
+      <el-table-column prop="create" label="创建时间" align="center"></el-table-column>
+      <el-table-column prop="update" label="激活时间" align="center"></el-table-column>
+      <el-table-column prop="status" label="当前状态" align="center"></el-table-column>
     </el-table>
     <!-- 弹窗 -->
     <el-dialog title="新增" :visible.sync="dialogVisible" width="500px">
-        <el-form label-width="100px">
-            <el-form-item label="设备数量：">
-                <el-input placeholder="请输入设备数量"></el-input>
-            </el-form-item>
-        </el-form>
-        <div slot="footer">
-            <el-button>取消</el-button>
-            <el-button type="primary">确定</el-button>
-        </div>
+      <el-form label-width="100px">
+        <el-form-item label="设备数量：">
+          <el-input placeholder="请输入设备数量"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button>取消</el-button>
+        <el-button type="primary">确定</el-button>
+      </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { getYxwPage, downLoadNo } from "@/api/device/yxw";
 export default {
-    data(){
-        return{
-            // 列表
-            tableData:[{
-                id: '1',
-                only: '1sdafa',
-                model: 'MW Plus',
-                type: '4G',
-                create: '2022/03/17 17:19:00',
-                update: '2022/03/17 17:19:00',
-                status: '未使用'
-            }],
-            // 弹窗
-            dialogVisible: false
-        }
+  data() {
+    return {
+      // 表单
+      form: {
+          pageIndex: 10,
+          PageSize: 1
+      },
+      // 列表
+      tableData: [
+        {
+          id: "1",
+          only: "1sdafa",
+          model: "MW Plus",
+          type: "4G",
+          create: "2022/03/17 17:19:00",
+          update: "2022/03/17 17:19:00",
+          status: "未使用",
+        },
+      ],
+      // 弹窗
+      dialogVisible: false,
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    // 分页
+    getList() {
+      getYxwPage(this.form).then((res) => {
+        console.log(res);
+      });
+    },
+    // 导出设备号
+    getDownLoadNo(){
+        downLoadNo().then(res => {
+            console.log(res);
+        })
     }
+  },
 };
 </script>