| | |
| | | <template> |
| | | <div class="sub-account" v-if="!isShowAdd"> |
| | | <div class="search"> |
| | | <div class="left"> |
| | | <div class="id"> |
| | | 设备名称 |
| | | <el-input v-model="inputText" placeholder="请输入" clearable></el-input> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="right"> |
| | | <div class="button searchBtn" @click="fetchDevicesList(1)">搜索</div> |
| | | <!-- <div class="button resetBtn" @click="reset">重置</div> --> |
| | | </div> |
| | | </div> |
| | | <div class="btns"> |
| | | <div class="button add" @click="addDevice"> |
| | | <span class="iconfont"></span> |
| | |
| | | :default-sort="{ prop: 'createTime', order: 'descending' }" |
| | | > |
| | | <el-table-column prop="devName" label="设备名称" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="devId" label="设备ID" show-overflow-tooltip></el-table-column> |
| | | <!-- <el-table-column prop="devId" label="设备ID" show-overflow-tooltip></el-table-column> --> |
| | | <el-table-column prop="devIp" label="设备IP" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="devCode" label="设备编码" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="state" label="状态" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.state == 0" class="status green">离线</div> |
| | | <div v-else class="status">在线</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="companyCode" label="企业编码" show-overflow-tooltip></el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="100px"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | query: {}, |
| | | inputText: "", //输入框内容 |
| | | isShowAdd: false, //是否展示新增弹窗 |
| | | dataList: [], |
| | | tip: 1, |
| | |
| | | total: 0 //总数, |
| | | } |
| | | }, |
| | | created() { |
| | | this.fetchDevicesList() |
| | | async created() { |
| | | let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText } |
| | | this.query = query |
| | | let res = await getDevicesList(query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | async fetchDevicesList() { |
| | | let res = await getDevicesList({ pageIndex: this.page, pageSize: this.size }) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | async fetchDevicesList(val) { |
| | | if (val === 1) { |
| | | let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText } |
| | | this.query = query |
| | | let res = await getDevicesList(query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | } else { |
| | | let res = await getDevicesList(this.query) |
| | | this.dataList = res.data |
| | | this.total = res.total |
| | | } |
| | | }, |
| | | delUser(row) { |
| | | console.log(row, "row") |