| | |
| | | } |
| | | .station { |
| | | position: absolute; |
| | | width: 20px; |
| | | width: 26px; |
| | | height: 14px; |
| | | text-align: center; |
| | | line-height: 1.5; /* 调整行高与字体大小的比值 */ |
| | |
| | | .task-bar-left { |
| | | position: fixed; |
| | | top: 1%; |
| | | /*transform: translateY(-50%);*/ |
| | | width: 25%; /* 设置宽度 */ |
| | | background-color: rgba(255, 255, 255, 0); /* 半透明背景 */ |
| | | |
| | | border-radius: 5px; |
| | | padding: 10px; |
| | | box-shadow: 0 0 10px rgba(0, 0, 0, 0); |
| | | z-index: 1000; /* 确保在其他元素之上 */ |
| | | } |
| | | |
| | | .task-bar-right1 { |
| | | position: fixed; |
| | | top: 5%; |
| | | /*transform: translateY(-50%);*/ |
| | | width: 25%; /* 设置宽度 */ |
| | | background-color: rgba(255, 255, 255, 0); /* 半透明背景 */ |
| | |
| | | background: #f0f9eb; |
| | | } |
| | | .container { |
| | | width: 100vh; |
| | | margin-left: 20vh; |
| | | width: 120vh; |
| | | height: 90vh; |
| | | position: absolute; |
| | | /*background: #8c939d;*/ |
| | |
| | | <!-- C 1150,150 1150,100 1100,100--> |
| | | <!-- L 250,100--> |
| | | <!-- C 250,100 90,90 100,250 z"--> |
| | | <!-- C 32,810 32,850 65,850--> |
| | | <!-- C 65,850 100,850 100,810--> |
| | | <!-- style="fill:none; stroke:blue; stroke-width:4;" />--> |
| | | <path d="M 0 0 |
| | | L 32 -40 |
| | | L 32 810 |
| | | L 1100 810 |
| | | L 1100 770 |
| | | L 100 770 |
| | | L 100 -40 |
| | | <!-- L 40 40--> |
| | | Z" |
| | | <path d="M 66,0 |
| | | C 66,0 32,0 32,40 |
| | | L 32,770 |
| | | C 32,770 31,810 72,810 |
| | | L 1000,810 |
| | | C 1000,810 1020,810 1020,790 |
| | | C 1020,790 1020,770 1000,770 |
| | | L 120,770 |
| | | C 120,770 100,770 100,750 |
| | | L 100,40 |
| | | C 100,40 100,0 66,0 z" |
| | | style="fill:none; stroke:blue; stroke-width:1;" /> |
| | | </svg> |
| | | <!-- <div class="bus-station">--> |
| | |
| | | <!-- <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 v-for="station in tableDataDev" class="station" :style="{ top: station.valueY + 'px', left: station.valueX + 'px' , backgroundColor: station.modeColor}">{{ station.index }}</div> |
| | | <!-- <div>--> |
| | | <!-- <el-switch--> |
| | | <!-- style="display: block"--> |
| | |
| | | label="状态"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="error$" |
| | | label="异常"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="操作" |
| | | type="template"> |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <div class="task-bar-right1 right-task-bar"> |
| | | <div> |
| | | <el-tooltip :content="'Switch value: ' + valueRight1" placement="top"> |
| | | <el-switch |
| | | v-model="valueRight1" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949" |
| | | active-value="100" |
| | | inactive-value="0"> |
| | | </el-switch> |
| | | </el-tooltip> |
| | | </div> |
| | | <div v-if="valueRight1 === '100' " class="task-bar-div1"> |
| | | <el-table |
| | | :data="tableDataRight1" |
| | | style="width: 100%" |
| | | :row-class-name="tableRowClassName"> |
| | | <el-table-column |
| | | prop="rgvNo" |
| | | label="小车号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="error" |
| | | label="异常"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createTime$" |
| | | label="记录日期"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <script> |
| | |
| | | activeNames: ['1'], |
| | | valueLeft: '0', |
| | | valueRight: '0', |
| | | licenseDay: '已过期', |
| | | valueRight1: '0', |
| | | licenseDay: ' ', |
| | | licenseDayI: 100, |
| | | valueSystem: false, |
| | | tableDataRgv: [], |
| | |
| | | energyGatheringRing: [], |
| | | tableDataLeft: [], |
| | | tableDataRight: [], |
| | | tableDataRight1: [], |
| | | devpPos1:[ |
| | | {dev_no: 116,pos:633980}, |
| | | {dev_no: 117,pos:604043}, |
| | |
| | | this.getTableDataTrack() |
| | | this.getTableDataLeft() |
| | | this.getTableDataRight() |
| | | this.getTableDataRight1() |
| | | this.getValueSystem() |
| | | this.getLicenseDays() |
| | | // this.getLicenseDays() |
| | | |
| | | setInterval(() => { |
| | | this.getTableDataRgv() |
| | |
| | | this.getTableDataTrack() |
| | | this.getTableDataLeft() |
| | | this.getTableDataRight() |
| | | this.getTableDataRight1() |
| | | this.getValueSystem() |
| | | this.getLicenseDays() |
| | | // this.getLicenseDays() |
| | | |
| | | }, 1000) |
| | | }, |
| | |
| | | |
| | | if (val.length >= 1){ |
| | | this.handleChangeValueRight(1) |
| | | } |
| | | } |
| | | }, |
| | | handleChange1(val) { |
| | | console.log(val); |
| | | if (val.length === 0){ |
| | | valueRight1 = '0'; |
| | | } else { |
| | | console.log("2222"+val); |
| | | |
| | | if (val.length >= 1){ |
| | | this.handleChangeValueRight1(1) |
| | | } |
| | | } |
| | | }, |
| | |
| | | valueRight = '0'; |
| | | } |
| | | }, |
| | | handleChangeValueRight1(val) { |
| | | console.log("33333"+val); |
| | | |
| | | switch (val){ |
| | | case 1: |
| | | valueRight1 = '100'; |
| | | case 2: |
| | | valueRight1 = '100'; |
| | | case 3: |
| | | valueRight1 = '100'; |
| | | case 4: |
| | | valueRight1 = '100'; |
| | | default: |
| | | valueRight1 = '0'; |
| | | } |
| | | }, |
| | | tableRowClassName({row, rowIndex}) { |
| | | if (rowIndex === 1) { |
| | | return 'warning-row'; |
| | |
| | | success: function (res) { |
| | | if (res.code == 200) { |
| | | if (res.data.day<0){ |
| | | that.licenseDay = "已过期"+res.data.day+"天"; |
| | | that.licenseDay = " "+res.data.day+"天"; |
| | | that.licenseDayI = -1; |
| | | } else { |
| | | that.licenseDay = "许可证有效期"+res.data.day+"天"; |
| | | that.licenseDayI = res.data.day; |
| | | } |
| | | }else { |
| | | that.licenseDay = "已过期"; |
| | | that.licenseDay = " "; |
| | | that.licenseDayI = -1; |
| | | } |
| | | } |
| | |
| | | } |
| | | }); |
| | | }, |
| | | getTableDataRight1() { |
| | | let that = this; |
| | | $.ajax({ |
| | | url: baseUrl + "/rgv/task/rgv/circular/shuttle/mast/position/data/v1", |
| | | headers: { |
| | | 'token': localStorage.getItem('token') |
| | | }, |
| | | data: {}, |
| | | dataType: 'json', |
| | | contentType: 'application/json;charset=UTF-8', |
| | | method: 'post', |
| | | success: function (res) { |
| | | that.tableDataRight1 = res.data |
| | | } |
| | | }); |
| | | }, |
| | | getTableDataRgv() { |
| | | let that = this; |
| | | // that.tableDataRgv = busPsto |