|
|
@@ -0,0 +1,82 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline label-width="100px" size="mini">
|
|
|
+ <el-form-item label="设备ID：">
|
|
|
+ <el-input placeholder="请输入设备ID" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="设备型号：">
|
|
|
+ <el-input placeholder="请输入设备型号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="设备类型：">
|
|
|
+ <el-select placeholder="请选择设备类型">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="当前状态：">
|
|
|
+ <el-select>
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间：">
|
|
|
+ <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-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">导出数据</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>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <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-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+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
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+</style>
|
wuhao