调整界面布局

lawrencehj
1 parent a522d097
Showing 2 changed files with 29 additions and 12 deletions
web_src/src/components/devicePosition.vue
web_src/src/components/videoList.vue
@@ -181,10 +181,17 @@ export default {
                 self.total = res.data.length;
                 self.mobilePositionList = res.data;
                 console.log(self.mobilePositionList);
-                // 防止出现表格错位
-                self.$nextTick(() => {
-                    self.showMarkPoints(self);
-                });
+                if (self.total == 0) {
+                    self.$message({
+                        showClose: true,
+						message: '未找到符合条件的移动位置信息',
+						type: 'error'
+					});
+                } else {
+                    self.$nextTick(() => {
+                        self.showMarkPoints(self);
+                    });
+                }
             })
             .catch(function (error) {
                 console.log(error);
@@ -201,10 +208,17 @@ export default {
                 self.total = res.data.length;
                 self.mobilePositionList.push(res.data);
                 console.log(self.mobilePositionList);
-                // 防止出现表格错位
-                self.$nextTick(() => {
-                    self.showMarkPoints(self);
-                });
+                if (self.total == 0) {
+                    self.$message({
+                        showClose: true,
+						message: '未找到符合条件的移动位置信息',
+						type: 'error'
+					});
+                } else {
+                    self.$nextTick(() => {
+                        self.showMarkPoints(self);
+                    });
+                }
             })
             .catch(function (error) {
                 console.log(error);
@@ -51,10 +51,13 @@
  
 					<el-table-column label="操作" width="360" align="center" fixed="right">
 						<template slot-scope="scope">
-							<el-button size="mini" :ref="scope.row.deviceId + 'refbtn' " icon="el-icon-refresh"  @click="refDevice(scope.row)">刷新通道</el-button>
-							<el-button size="mini" icon="el-icon-s-open" v-bind:disabled="scope.row.online==0"  type="primary" @click="showChannelList(scope.row)">查看通道</el-button>
-							<el-button size="mini" icon="el-icon-s-open" v-bind:disabled="scope.row.online==0"  type="primary" @click="showDevicePosition(scope.row)">移动位置</el-button>
-						</template>
+							<el-button size="mini" :ref="scope.row.deviceId + 'refbtn' " icon="el-icon-refresh"  @click="refDevice(scope.row)">刷新</el-button>
+							<el-button-group>
+							<el-button size="mini" icon="el-icon-video-camera-solid" v-bind:disabled="scope.row.online==0"  type="primary" @click="showChannelList(scope.row)">通道</el-button>
+							<el-button size="mini" icon="el-icon-location" v-bind:disabled="scope.row.online==0"  type="primary" @click="showDevicePosition(scope.row)">定位</el-button>
+							<el-button size="mini" icon="el-icon-s-tools" v-bind:disabled="scope.row.online==0"  type="primary">控制</el-button>
+							</el-button-group>
+							</template>
 					</el-table-column>
 				</el-table>
 				<el-pagination