| | |
| | | :default-sort="{ prop: 'createTime', order: 'descending' }" |
| | | :stripe="true" |
| | | > |
| | | <el-table-column label="序号" width="48" class-name="index"> |
| | | <el-table-column label="序号" width="80" class-name="index"> |
| | | <template slot-scope="scope">{{ |
| | | scope.$index + 1 + (page - 1) * size |
| | | }}</template> |
| | |
| | | <el-table-column |
| | | prop="devId" |
| | | label="设备ID" |
| | | min-width="180" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | ></el-table-column> |
| | | <el-table-column |
| | |
| | | <div v-else>--</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="首次使用时间" min-width="159"> |
| | | <!-- <el-table-column label="首次使用时间" min-width="159"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.firstUseTime.length > 1"> |
| | | <div>{{ scope.row.firstUseTime[0] }}</div> |
| | |
| | | </div> |
| | | <div v-else>--</div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table-column> --> |
| | | |
| | | <el-table-column label="所属集群" show-overflow-tooltip min-width="154"> |
| | | <template slot-scope="scope"> {{ scope.row.clusterName }} </template> |
| | |
| | | <el-table-column label="操作" min-width="180"> |
| | | <template slot-scope="scope"> |
| | | <!-- 加入 --> |
| | | <span |
| | | class="iconfont option" |
| | | @click="joinCluster(scope.row)" |
| | | <el-tooltip |
| | | content="加入集群" |
| | | placement="top" |
| | | v-if="!scope.row.clusterId" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | <span |
| | | class="iconfont option" |
| | | @click="joinCluster(scope.row)" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | <!-- 退出 --> |
| | | <span |
| | | class="iconfont option" |
| | | @click="quitCluster(scope.row)" |
| | | v-else |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | <el-tooltip content="退出集群" placement="top" v-else> |
| | | <span |
| | | class="iconfont option" |
| | | @click="quitCluster(scope.row)" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | <!-- 算法详情 --> |
| | | <span |
| | | class="iconfont option" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | @click="algorithmDetail(scope.row)" |
| | | ></span |
| | | > |
| | | <el-tooltip content="应用详情" placement="top"> |
| | | <span |
| | | class="iconfont option" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | @click="algorithmDetail(scope.row)" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | <!-- 设备详情 --> |
| | | <span |
| | | class="iconfont option" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | @click="checkDetail(scope.row)" |
| | | ></span |
| | | > |
| | | <el-tooltip content="设备详情" placement="top"> |
| | | <span |
| | | class="iconfont option" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | @click="checkDetail(scope.row)" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | <!-- 解绑 --> |
| | | <span |
| | | class="iconfont option" |
| | | @click="Untying(scope.row)" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | <el-tooltip content="解除绑定" placement="top"> |
| | | <span |
| | | class="iconfont option" |
| | | @click="Untying(scope.row)" |
| | | :class="{ disable: scope.row.isOnline != 1 }" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | searchTime: [ |
| | | this.$moment().format("YYYY-MM-DD 00:00:00"), |
| | | this.$moment().format("YYYY-MM-DD HH:mm:ss"), |
| | | ], //搜索时间 |
| | | searchTime: [], //搜索时间 |
| | | page: 1, |
| | | size: 10, //分页相关 |
| | | inputText: "", //输入框内容 |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.searchTime = this.getDateInit(); |
| | | this.searchingBtn(); |
| | | }, |
| | | }; |