Skip to content

W
web-monitor
Commit 5a4d6368 authored by neogcg's avatar neogcg
Browse files
Options

3.2

parent fafe7550
Hide whitespace changes
Inline Side-by-side
Showing with 53 additions and 362 deletions
src/styles/common.scss
View file @ 5a4d6368
...@@ -49,4 +49,7 @@ ...@@ -49,4 +49,7 @@
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} .label{
\ No newline at end of file font-weight: 400px;
}
}
src/views/setting/statistics/comp/fsuTable.vue
View file @ 5a4d6368
...@@ -184,148 +184,7 @@ ...@@ -184,148 +184,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog
:showClose="false"
title="FSU详情"
:visible.sync="visible"
width="500px">
<table style="margin: auto" class="device-detail-tb">
<tr style="line-height: 50px">
<td style="width: 170px">
<label >铁路名称：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.name"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >所在铁路线：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.parentId"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >所在站点：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.station"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >FSU身份编号：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.fsuCode"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >FSU端口数：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.fsuPort"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >IP地址：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.ip"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 170px">
<label >设备厂商：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.equipFactory"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 170px">
<label >设备备用方式：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.backupMode"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 170px">
<label >通信方式：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.connectMode"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 170px">
<label >设备类型：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.equipType"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 170px">
<label >设备子类型：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.equipSubType"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >软件版本号：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.softVersion"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >设备生产序列号：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.equipSerialNumber"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 170px">
<label >设备所在铁路公里标：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.kmSign"></label>
</td>
</tr>
</table>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="visible=false"
>关闭</el-button
></span>
</el-dialog>
<pagination <pagination
:limit="params.pageSize" :limit="params.pageSize"
:page="params.pageNum" :page="params.pageNum"
...@@ -421,19 +280,12 @@ export default { ...@@ -421,19 +280,12 @@ export default {
}, },
handleView(row) { handleView(row) {
this.$router.push({ // this.$router.push({
path:'/detail', // path:'/detail',
query:{ // query:{
id:row.id // id:row.id
}, // },
// })
})
let id = row.id;
fsudetail({ id }).then((res) => {
this.Info=res
this.visible=true
});
}, },
handlePageChange(pageData) { handlePageChange(pageData) {
this.params.pageSize = pageData.size; this.params.pageSize = pageData.size;
......
src/views/setting/statistics/comp/railWayTable.vue
View file @ 5a4d6368
...@@ -95,53 +95,7 @@ ...@@ -95,53 +95,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog
:showClose="false"
title="铁路线详情"
:visible.sync="visible"
width="500px"
>
<table style="margin: auto" class="device-detail-tb">
<tr style="line-height: 50px">
<td style="width: 145px">
<label>铁路名：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.name"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label>铁路线起点站名：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.startPointName"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label>铁路线终点站名：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.endPointName"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label>铁路全长(公里)：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.totalLong"></label>
</td>
</tr>
</table>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="visible = false"
>关闭</el-button
></span
>
</el-dialog>
<pagination <pagination
:limit="params.pageSize" :limit="params.pageSize"
:page="params.pageNum" :page="params.pageNum"
......
src/views/setting/statistics/comp/stationTable.vue
View file @ 5a4d6368
...@@ -14,9 +14,8 @@ ...@@ -14,9 +14,8 @@
<el-button type="primary" @click="query">查询</el-button> <el-button type="primary" @click="query">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button> <el-button type="primary" @click="exportData">导出</el-button>
</div> </div>
</div> </div>
<div> <div>
<div class="search-input-box"> <div class="search-input-box">
<label>站名：</label> <label>站名：</label>
<el-input <el-input
...@@ -47,7 +46,7 @@ ...@@ -47,7 +46,7 @@
> >
</el-input> </el-input>
</div> </div>
<div class="search-input-box"> <div class="search-input-box">
<label>所在铁路线：</label> <label>所在铁路线：</label>
<el-select <el-select
size="small" size="small"
...@@ -55,7 +54,7 @@ ...@@ -55,7 +54,7 @@
style="width: 180px" style="width: 180px"
clearable clearable
> >
<el-option <el-option
v-for="item in railWaySelect" v-for="item in railWaySelect"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
...@@ -83,11 +82,7 @@ ...@@ -83,11 +82,7 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column prop="wayId" label="站点所属铁路线" align="center" /> <el-table-column prop="wayId" label="站点所属铁路线" align="center" />
<el-table-column prop="siteCode" label="站点编号" align="center" /> <el-table-column prop="siteCode" label="站点编号" align="center" />
<el-table-column <el-table-column prop="siteName" label="站名" align="center" />
prop="siteName"
label="站名"
align="center"
/>
<el-table-column <el-table-column
prop="siteAddress" prop="siteAddress"
label="站点地址" label="站点地址"
...@@ -100,32 +95,36 @@ ...@@ -100,32 +95,36 @@
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> />
<el-table-column <el-table-column
prop="siteSectionCode" prop="siteSectionCode"
label="站点所在段号" label="站点所在段号"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> <el-table-column />
<el-table-column
prop="siteKmSign" prop="siteKmSign"
label="站点所在公里标" label="站点所在公里标"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> <el-table-column />
<el-table-column
prop="siteLatitude" prop="siteLatitude"
label="站点经度" label="站点经度"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> <el-table-column />
<el-table-column
prop="siteLongitude" prop="siteLongitude"
label="站点纬度" label="站点纬度"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> <el-table-column />
<el-table-column
prop="siteOtherMessage" prop="siteOtherMessage"
label="站点其他信息" label="站点其他信息"
show-overflow-tooltip show-overflow-tooltip
align="center" align="center"
/> />
<el-table-column <el-table-column
prop="action" prop="action"
label="详细信息" label="详细信息"
...@@ -139,112 +138,7 @@ ...@@ -139,112 +138,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog
:showClose="false"
title="站点详情"
:visible.sync="visible"
width="500px">
<table style="margin: auto" class="device-detail-tb">
<tr style="line-height: 50px">
<td style="width: 145px">
<label >站点所属铁路线：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.wayId"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label >站点编号：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteCode"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label >站名：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteName"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label >站点地址：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteAddress"></label>
</td>
</tr>
<tr style="line-height: 50px">
<td style="width: 145px">
<label >站点所在局：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteArea"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 145px">
<label >站点所在段号：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteSectionCode"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 145px">
<label >站点所在公里标：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteKmSign"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 145px">
<label >站点经度：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteLatitude"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 145px">
<label >站点纬度：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteLongitude"></label>
</td>
</tr> <tr style="line-height: 50px">
<td style="width: 145px">
<label >站点其他信息：</label>
</td>
<td style="width: 180px; text-align: left">
<label v-text="Info.siteOtherMessage"></label>
</td>
</tr>
</table>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="visible=false"
>关闭</el-button
></span>
</el-dialog>
<pagination <pagination
:limit="params.pageSize" :limit="params.pageSize"
:page="params.pageNum" :page="params.pageNum"
...@@ -256,18 +150,18 @@ ...@@ -256,18 +150,18 @@
</template> </template>
<script> <script>
import Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
import { sitelist,sitebatchDelete,sitedetail } from "../../api"; import { sitelist, sitebatchDelete, sitedetail } from "../../api";
import { successAlert,warningAlert } from "@/utils/alert"; import { successAlert, warningAlert } from "@/utils/alert";
import { mapGetters, mapActions } from "vuex"; import { mapGetters, mapActions } from "vuex";
export default { export default {
props: [], props: [],
components: { Pagination }, components: { Pagination },
data() { data() {
return { return {
railWaySelect:[], railWaySelect: [],
visible:false, visible: false,
Info:[], Info: [],
tableData:[], tableData: [],
params: { params: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
...@@ -278,15 +172,14 @@ export default { ...@@ -278,15 +172,14 @@ export default {
}; };
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({
railWaylist:"railWay/list", railWaylist: "railWay/list",
}), }),
}, },
methods: { methods: {
...mapActions({ ...mapActions({
asyncrailWayList: "railWay/asyncList", asyncrailWayList: "railWay/asyncList",
asyncstationList: "station/asyncList", asyncstationList: "station/asyncList",
}), }),
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? "" : "single-row"; return rowIndex % 2 === 0 ? "" : "single-row";
...@@ -297,15 +190,14 @@ export default { ...@@ -297,15 +190,14 @@ export default {
delData() { delData() {
let ids = this.ids; let ids = this.ids;
sitebatchDelete({ ids }).then((res) => { sitebatchDelete({ ids }).then((res) => {
if (res.code==200) { if (res.code == 200) {
successAlert("删除成功"); successAlert("删除成功");
this.asyncstationList(); this.asyncstationList();
this.getTableData(); this.getTableData();
}else{ } else {
warningAlert("删除失败") warningAlert("删除失败");
} }
}); });
}, },
refresh() { refresh() {
this.getTableData(); this.getTableData();
...@@ -316,24 +208,20 @@ export default { ...@@ -316,24 +208,20 @@ export default {
this.multipleSelection = val; this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id); this.ids = this.multipleSelection.map((i) => i.id);
}, },
handleView(row) { handleView(row) {
this.$router.push({ this.$router.push({
path:'/sitedetail', path: "/sitedetail",
query:{ query: {
id:row.id id: row.id,
}, },
})
let id = row.id;
sitedetail({ id }).then((res) => {
this.Info=res
this.visible=true
console.log(this.Info);
}); });
// let id = row.id;
// sitedetail({ id }).then((res) => {
// this.Info = res;
// this.visible = true;
// });
}, },
handlePageChange(pageData) { handlePageChange(pageData) {
this.params.pageSize = pageData.size; this.params.pageSize = pageData.size;
...@@ -341,16 +229,11 @@ export default { ...@@ -341,16 +229,11 @@ export default {
this.getTableData(); this.getTableData();
}, },
getTableData() { getTableData() {
// this.tableData2 = this.tableData.slice(( this.params.pageNum - 1) * this.params.pageSize,
// this.params.pageNum * this.params.pageSize
// );
// this.total = this.tableData.length
let params = { let params = {
current: this.params.pageNum, current: this.params.pageNum,
size: this.params.pageSize, size: this.params.pageSize,
}; };
sitelist(params).then((res) => { sitelist(params).then((res) => {
console.log(res.records);
let list = res.records || []; let list = res.records || [];
this.tableData = list; this.tableData = list;
this.total = res.total; this.total = res.total;
...@@ -359,10 +242,9 @@ export default { ...@@ -359,10 +242,9 @@ export default {
}, },
mounted() { mounted() {
this.getTableData(); this.getTableData();
this.asyncrailWayList() this.asyncrailWayList();
this.railWaySelect= this.railWaylist;
this.railWaySelect = this.railWaylist;
}, },
}; };
</script> </script>
......
src/views/setting/statistics/sitedetail.vue
View file @ 5a4d6368
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</template> </template>
<script> <script>
import {mapGetters,mapActions} from 'vuex'; import {mapGetters,mapActions} from 'vuex';
import { railWaydetail,sitedetail,fsudetail,monitorEquipdetail } from "../api"; import { sitedetail } from "../api";
export default { export default {
props: [], props: [],
components: {}, components: {},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment