| | |
| | | <span>设备位置</span> |
| | | </div> |
| | | <el-row > |
| | | <el-col :span="1" :offset="3"><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" :offset="9"><div class="card-bg">7</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">5</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">3</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">1</div></el-col> |
| | | </el-row> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="18" > |
| | | <el-col :span="7" > |
| | | <el-slider v-model="value1" :min="min" :max="max" :format-tooltip="formatTooltip" > |
| | | </el-slider> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | |
| | | <el-row > |
| | | <el-col :span="1" :offset="3"><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" :offset="13"><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" ><el-card class="card-bg"></el-card></el-col> |
| | | <el-col :span="1" :offset="8"><div class="card-bg">10</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">9</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">8</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">6</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg">4</div></el-col> |
| | | <el-col :span="1" :offset="2"><div class="card-bg">2</div></el-col> |
| | | <el-col :span="1" ><div class="card-bg"></div></el-col> |
| | | |
| | | |
| | | </el-row> |
| | | </el-card> |
| | | </div> |
| | |
| | | demo: 'X', |
| | | rgvMode: 0, |
| | | value1:50000, |
| | | min:8000, |
| | | max:80000 |
| | | min:8300, |
| | | max:75000 |
| | | }, |
| | | created() { |
| | | this.init() |
| | |
| | | method: 'post', |
| | | success: function (res) { |
| | | that.tableData = res.data |
| | | that.value1 = res.data.rgvPos |
| | | that.value1 = res.data[0].rgvPos |
| | | |
| | | } |
| | | }); |
| | | }, |
| | |
| | | pointer-events: none !important; |
| | | } |
| | | .card-bg{ |
| | | width: 100%; |
| | | height: 40px; |
| | | border-radius: 10px; |
| | | display: flex; |
| | | justify-content: center; /* 水平居中 */ |
| | | align-items: center; /* 垂直居中 */ |
| | | color: #f0f0f0; |
| | | background-color: #9d9d9d; |
| | | } |
| | | .el-slider { |