| | |
| | | <template> |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true" :model="searchData"> |
| | | <el-form style="margin-top: 10px;" ref="form" :inline="true" :model="searchData"> |
| | | <el-form-item label="设备编号:" style="margin-right: 50px;"> |
| | | <el-input v-model="searchData.code" placeholder="请输入设备编号"> |
| | | <el-input size="small" v-model="searchData.code" placeholder="请输入设备编号"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备名称:" style="margin-right: 20px;"> |
| | | <el-input v-model="searchData.name" placeholder="请输入设备名称"> |
| | | <el-input size="small" v-model="searchData.name" placeholder="请输入设备名称"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="searchInspections">查询</el-button> |
| | | <el-button type="primary" plain @click="reset">重置</el-button> |
| | | <el-button size="small" type="primary" @click="searchInspections">查询</el-button> |
| | | <el-button size="small" type="primary" plain @click="reset">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="library-table"> |
| | | <el-card v-for="item in device" :key="index" class="box-card" style="width: 22.8%;"> |
| | | <el-card v-for="(item,index) in device" :key="index" class="box-card" style="width: 22.8%;"> |
| | | <div class="header"> |
| | | <div style="display: flex;justify-content: start; width: 100%;"> |
| | | <div class="el-icon-set-up" style="font-size: 25px;color: rgb(103, 194, 58);line-height: 55px ;"></div> |
| | |
| | | ] |
| | | } |
| | | }, |
| | | methods:{ |
| | | searchInspections(){ |
| | | |
| | | }, |
| | | reset(){ |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |