| | |
| | | } |
| | | .station { |
| | | position: absolute; |
| | | width: 40px; |
| | | height: 24px; |
| | | /*border-radius: 50%;*/ |
| | | width: 20px; |
| | | height: 14px; |
| | | text-align: center; |
| | | line-height: 24px; |
| | | line-height: 1.5; /* 调整行高与字体大小的比值 */ |
| | | font-size: 10px; /* 设置更小的字体 */ |
| | | font-weight: bold; |
| | | transition: transform 0.3s ease; |
| | | background-color: #ab1839; |
| | | transform: scale(1.2); |
| | | transform: scale(1); /* 可选:如果不需要放大效果 */ |
| | | } |
| | | .bus { |
| | | font-size: 10px; |
| | |
| | | " |
| | | style="fill:none; stroke:blue; stroke-width:4;" /> |
| | | </svg> |
| | | <div class="bus-station"> |
| | | <div v-for="(item,i) in devpPos1" class="bus-item-top" :style="'left:' + (75 + i * 15) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <div class="bus-station" style="flex-direction: column"> |
| | | <div v-for="(item,i) in devpPos2" class="bus-item-left" :style="'top:' + (200 + i * 50) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <div class="bus-station" style="flex-direction: column"> |
| | | <div v-for="(item,i) in devpPos3" class="bus-item-left2" :style="'top:' + (100 + i * 10) + 'px'">{{item.dev_no}}</div> |
| | | </div> |
| | | <!-- Stations on outer ring --> |
| | | <!-- <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueX + '%', left: station.valueY + '%' }">{{ station.index }}</div>--> |
| | | <!-- <div class="bus-station">--> |
| | | <!-- <div v-for="(item,i) in devpPos1" class="bus-item-top" :style="'left:' + (75 + i * 15) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="bus-station" style="flex-direction: column">--> |
| | | <!-- <div v-for="(item,i) in devpPos2" class="bus-item-left" :style="'top:' + (200 + i * 50) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="bus-station" style="flex-direction: column">--> |
| | | <!-- <div v-for="(item,i) in devpPos3" class="bus-item-left2" :style="'top:' + (100 + i * 10) + 'px'">{{item.dev_no}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- Stations on outer ring--> |
| | | <div v-for="station in tableDataDev" class="station" :style="{ top: station.valueY + 'px', left: station.valueX + 'px' }">{{ station.index }}</div> |
| | | <div> |
| | | <el-switch |
| | | style="display: block" |
| | |
| | | <el-table-column |
| | | prop="modiTime" |
| | | label="下发时间"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="crnStrTime" |
| | | label="开始执行时间"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="crnEndTime" |
| | | label="执行结束时间"> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="modiTime"--> |
| | |
| | | |
| | | }, 1000) |
| | | }, |
| | | |
| | | verifyPassword(callback) { |
| | | this.$prompt('请输入管理员密码', '验证', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | inputType: 'password', |
| | | inputPattern: /^root$/, |
| | | inputErrorMessage: '密码错误' |
| | | }).then(({ value }) => { |
| | | if (value === 'root') { |
| | | callback(); |
| | | } |
| | | }).catch(() => { |
| | | this.$message.info('已取消操作'); |
| | | }); |
| | | }, |
| | | handleChange(val) { |
| | | console.log(val); |
| | | if (val.length === 0){ |
| | |
| | | }, |
| | | upDateValueSystem(){ |
| | | let that = this; |
| | | let operatorTypeI = 0; |
| | | if (that.valueSystem){ |
| | | operatorTypeI = 1; |
| | | } |
| | | $.ajax({ |
| | | url: baseUrl + "/console/system/switch", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: {operatorType : operatorTypeI}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | that.valueSystem = res.data.status; |
| | | } |
| | | this.verifyPassword(() => { |
| | | let operatorTypeI = 0; |
| | | if (that.valueSystem){ |
| | | operatorTypeI = 1; |
| | | } |
| | | $.ajax({ |
| | | url: baseUrl + "/console/system/switch", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: {operatorType : operatorTypeI}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | that.valueSystem = res.data.status; |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | getTableDataLeft() { |