| | |
| | | * @Author: Morpheus |
| | | * @Date: 2021-07-05 16:31:54 |
| | | * @Last Modified by: Morpheus |
| | | * @Last Modified time: 2021-07-23 14:12:26 |
| | | * @Last Modified time: 2021-07-23 14:54:47 |
| | | * menu-name 押运人员定位 |
| | | */ |
| | | <template> |
| | |
| | | <Map ref="modalForm" /> |
| | | </div> |
| | | <div> |
| | | <div class="data-table map-people-table" v-show="!detailFlag"> |
| | | <el-table |
| | | :data="tableData" |
| | | <div class="data-table map-people-table" |
| | | v-show="!detailFlag"> |
| | | <el-table :data="tableData" |
| | | style="width: 100%" |
| | | v-loading="loading" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | v-loading="loading"> |
| | | |
| | | <el-table-column align="center" |
| | | prop="mapInd" |
| | | label="序号" |
| | | width="54"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column align="center" |
| | | prop="realName" |
| | | label="姓名" |
| | | width="82"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column align="center" |
| | | prop="deptName" |
| | | label="所属公司"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" |
| | | width="136" |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | align="center" |
| | | prop="roleName" |
| | | label="所属角色" |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" width="136" align="center"> |
| | | align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="positionClick(scope.row)" |
| | | <el-button @click="positionClick(scope.row)" |
| | | type="text" |
| | | size="small" |
| | | title="定位" |
| | | > |
| | | title="定位"> |
| | | <i class="el-icon-location"></i> |
| | | </el-button> |
| | | <el-button |
| | | @click="detailsClick(scope.row)" |
| | | <el-button @click="detailsClick(scope.row)" |
| | | type="text" |
| | | size="small" |
| | | title="轨迹" |
| | | > |
| | | title="轨迹"> |
| | | <i class="el-icon-position"></i> |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div ref="tablePagination"> |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | <el-pagination @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | background |
| | | :page-sizes="[10, 30, 50, 100]" |
| | | layout="sizes, prev, pager, next" |
| | | layout="prev, pager, next" |
| | | :current-page="page.currentPage" |
| | | :page-size="page.pageSize" |
| | | :pager-count="3" |
| | | :total="page.total" |
| | | > |
| | | :total="page.total"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div class="track-box" v-show="detailFlag"> |
| | | <div class="track-box" |
| | | v-show="detailFlag"> |
| | | <div> |
| | | <el-button @click="goOut" type="text" size="small" title="轨迹"> |
| | | <el-button @click="goOut" |
| | | type="text" |
| | | size="small" |
| | | title="轨迹"> |
| | | <i class="el-icon-back"></i> |
| | | </el-button> |
| | | |
| | |
| | | </li> |
| | | |
| | | <li> |
| | | <div>所属角色:</div> |
| | | <div>{{ detailObj.role }}</div> |
| | | <div>所属公司:</div> |
| | | <div>{{ detailObj.deptName }}</div> |
| | | </li> |
| | | |
| | | <li> |
| | |
| | | <li> |
| | | <div>选择时间:</div> |
| | | <div class="datetime"> |
| | | <el-date-picker |
| | | v-model="trackTime" |
| | | <el-date-picker v-model="trackTime" |
| | | type="datetimerange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | size="mini" |
| | | :editable="false" |
| | | end-placeholder="结束日期" |
| | | > |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </div> |
| | | </li> |
| | | |
| | | <li> |
| | | <el-button type="text" @click="lookTrack"> |
| | | <el-button type="text" |
| | | @click="lookTrack"> |
| | | 查看轨迹 |
| | | </el-button> |
| | | </li> |
| | |
| | | size: this.page.pageSize, |
| | | }).then((res) => { |
| | | var data = res.data.data; |
| | | |
| | | data.records.forEach((item, index) => { |
| | | if (data.current > 1) { |
| | | item.mapInd = (data.current - 1) * 10 + index + 1 |
| | | } else { |
| | | item.mapInd = index + 1 |
| | | } |
| | | }) |
| | | this.tableData = data.records; |
| | | this.page.total = data.total; |
| | | this.loading = false; |
| | |
| | | this.detailFlag = true; |
| | | this.detailObj = { |
| | | name: row.realName, |
| | | role: row.roleName, |
| | | deptName: row.deptName, |
| | | phone: row.phone, |
| | | address: row.address, |
| | | id: row.id, |