| | |
| | | :key="indicator.id" |
| | | > |
| | | <div class="title"> |
| | | <span class="dot" :class="{'kx':indicator.id=='kx','dx':indicator.id=='dx','ccgz':indicator.id=='ccgz'}"></span> |
| | | <span |
| | | class="dot" |
| | | :class="{'kx':indicator.id=='kx','dx':indicator.id=='dx','ccgz':indicator.id=='ccgz'}" |
| | | ></span> |
| | | <span class="word">{{indicator.title}}</span> |
| | | </div> |
| | | <div class="indicator-val">{{indicator.slots.length}}</div> |
| | |
| | | <label>设备状态:</label> |
| | | <div> |
| | | <el-select v-model="deviceState" size="small"> |
| | | <el-option></el-option> |
| | | <el-option value="work" label="工作"></el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | |
| | | <script> |
| | | import { addDevice, getDeviceList, getDeviceInfoById } from '@/api/shuohuang'; |
| | | export default { |
| | | data () { |
| | | data() { |
| | | return { |
| | | actTab: 'dev1', |
| | | devices: [], |
| | |
| | | IP: '', |
| | | } |
| | | }, |
| | | mounted () { |
| | | mounted() { |
| | | this.findDeviceList(); |
| | | }, |
| | | methods: { |
| | | findDeviceList () { |
| | | findDeviceList() { |
| | | let _this = this; |
| | | getDeviceList().then(res => { |
| | | _this.devices = res.data; |
| | |
| | | _this.findDeviceIfo() |
| | | }) |
| | | }, |
| | | findDeviceIfo () { |
| | | findDeviceIfo() { |
| | | let _this = this; |
| | | getDeviceInfoById({ DeviceID: this.actTab }).then(res => { |
| | | // debugger |
| | |
| | | //_this.generalIndicators |
| | | }) |
| | | }, |
| | | toAddDevice () { |
| | | toAddDevice() { |
| | | let _this = this; |
| | | let params = { |
| | | Name: this.Name, |
| | |
| | | } |
| | | }) |
| | | }, |
| | | showAddDevice () { |
| | | showAddDevice() { |
| | | this.visibleOfialogAddDev = true; |
| | | |
| | | }, |
| | | checkTab (tab, event) { |
| | | checkTab(tab, event) { |
| | | this.findDeviceIfo(); |
| | | }, |
| | | checkSlot (row) { |
| | | checkSlot(row) { |
| | | |
| | | } |
| | | } |
| | |
| | | flex: 1; |
| | | position: relative; |
| | | &:not(.lastOne):after { |
| | | content: ''; |
| | | content: ""; |
| | | width: 1px; |
| | | height: 57px; |
| | | background: #e9e9e9; |