Commit 6d94a118 authored by neogcg's avatar neogcg

export

parent ef4b9e38
File deleted
......@@ -72,11 +72,11 @@
<template slot-scope="scope">
<el-button
type="text"
v-if="scope.row.confirmStatus === 1"
v-if="scope.row.confirmStatus === 1 && scope.row.alarmLevelName == '正常'"
@click="cancel2(scope.row)"
>取消</el-button
>
<el-button type="text" v-else @click="confirm2(scope.row)"
<el-button type="text" v-else-if="scope.row.confirmStatus === 0" @click="confirm2(scope.row)"
>确认</el-button
>
</template>
......@@ -258,6 +258,7 @@ export default {
this.centerDialogVisible = false;
},
cancel2(row) {
console.log(row);
this.centerDialogVisible = true;
this.dialogInfo = row;
},
......
......@@ -50,11 +50,11 @@
<template slot-scope="scope">
<el-button
type="text"
v-if="scope.row.confirmStatus === 1"
v-if="scope.row.confirmStatus === 1 && scope.row.connectStatusName == '连接正常'"
@click="cancel2(scope.row)"
>取消</el-button
>
<el-button type="text" v-else @click="confirm2(scope.row)"
<el-button type="text" v-else-if="scope.row.confirmStatus === 0" @click="confirm2(scope.row)"
>确认</el-button
>
</template>
......@@ -228,6 +228,7 @@ export default {
id: dialogInfo.id,
};
deviceCancel(query).then((res) => {
console.log(query);
console.log(res);
this.getTableData();
});
......
......@@ -4,8 +4,9 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids>
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary" @click="toExport">导出</el-button>
......@@ -23,7 +24,11 @@
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="startPointDeviceName" label="网元设备" align="center" />
<el-table-column
prop="startPointDeviceName"
label="网元设备"
align="center"
/>
<el-table-column
prop="pointConnectStatus_text"
label="连接状态"
......@@ -31,7 +36,11 @@
align="center"
>
</el-table-column>
<el-table-column prop="endPointDeviceName" label="网元设备" align="center">
<el-table-column
prop="endPointDeviceName"
label="网元设备"
align="center"
>
</el-table-column>
<el-table-column prop="userName" label="维修人员信息" align="center">
</el-table-column>
......@@ -51,11 +60,11 @@
</div>
</template>
<script>
import { ConnectMaintainList, ConnectMaintainDelete } from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportConnectMaintainHistory } from '@/api/export'
import { ConnectMaintainList, ConnectMaintainDelete } from "../api";
import { ConnectStatusEnum } from "@/const/index";
import search from "./components/search.vue";
import download from "@/utils/download";
import { exportConnectMaintainHistory } from "@/api/export";
export default {
data() {
return {
......@@ -68,47 +77,56 @@ export default {
total: 14,
tableData: [],
isQuery: false,
searchOption: {}
searchOption: {},
exids: [],
};
},
components: {
search
search,
},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
handlePageChange(pageData) {
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData()
this.getTableData();
},
getTableData(option) {
this.searchOption = option
this.searchOption = option;
let params = {
...this.params,
...option
}
ConnectMaintainList(params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
...option,
};
ConnectMaintainList(params).then((res) => {
let list = res.records || [];
list.forEach((item) => {
item.pointConnectStatus_text =
this.ConnectStatusEnum[item.pointConnectStatus];
});
this.tableData = list
this.total = res.total
})
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
});
},
toDelete() {
ConnectMaintainDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功!')
this.getTableData()
})
ConnectMaintainDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success("删除成功!");
this.getTableData();
});
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.pointConnectStatus_text == "连接异常" && column.label == "连接状态") {
if (
row.pointConnectStatus_text == "连接异常" &&
column.label == "连接状态"
) {
return "emergency";
} else if (row.pointConnectStatus_text == "连接正常" && column.label == "连接状态") {
} else if (
row.pointConnectStatus_text == "连接正常" &&
column.label == "连接状态"
) {
return "normal";
}
if (rowIndex % 2 == 1) {
......@@ -116,19 +134,15 @@ export default {
}
},
toExport() {
let params = {
...this.params,
...this.searchOption
}
exportConnectMaintainHistory(params).then(res => {
download(res, 'vnd.ms-excel', `设备连接维修历史.xls`)
})
exportConnectMaintainHistory({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `设备连接维修历史.xls`);
});
},
},
mounted() {
this.getTableData()
this.getTableData();
},
}
};
</script>
<style lang="scss" scoped>
.leakage-cable {
......
......@@ -4,9 +4,7 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<delids
:multipleSelection2="multipleSelection"
@click="toDelete"
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
......@@ -26,7 +24,11 @@
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="startPointDeviceName" label="网元设备" align="center" />
<el-table-column
prop="startPointDeviceName"
label="网元设备"
align="center"
/>
<el-table-column
prop="pointConnectStatus_text"
label="连接状态"
......@@ -34,7 +36,11 @@
align="center"
>
</el-table-column>
<el-table-column prop="endPointDeviceName" label="网元设备" align="center">
<el-table-column
prop="endPointDeviceName"
label="网元设备"
align="center"
>
</el-table-column>
<el-table-column prop="uploadTime" label="上传时间" align="center" />
<el-table-column prop="cancelTime" label="取消时间" align="center" />
......@@ -54,11 +60,11 @@
</div>
</template>
<script>
import { ConnectStatusList, ConnectStatusDelete } from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
import { exportConnectStatusHistory } from '@/api/export'
import download from '@/utils/download'
import { ConnectStatusList, ConnectStatusDelete } from "../api";
import { ConnectStatusEnum } from "@/const/index";
import search from "./components/search.vue";
import { exportConnectStatusHistory } from "@/api/export";
import download from "@/utils/download";
export default {
props: [],
data() {
......@@ -72,47 +78,56 @@ export default {
total: 10,
tableData: [],
isQuery: false,
searchOption: {}
}
searchOption: {},
exids: [],
};
},
components: {
search
search,
},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
getTableData(option) {
this.searchOption = option
let params = {
this.searchOption = option;
let params = {
...this.params,
...option
}
ConnectStatusList(params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
})
this.tableData = list
this.total = res.total
})
...option,
};
ConnectStatusList(params).then((res) => {
let list = res.records || [];
list.forEach((item) => {
item.pointConnectStatus_text =
this.ConnectStatusEnum[item.pointConnectStatus];
});
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
});
},
toDelete() {
ConnectStatusDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功!')
this.getTableData()
})
ConnectStatusDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success("删除成功!");
this.getTableData();
});
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.pointConnectStatus_text == "连接异常" && column.label == "连接状态") {
if (
row.pointConnectStatus_text == "连接异常" &&
column.label == "连接状态"
) {
return "emergency";
} else if (row.pointConnectStatus_text == "连接正常" && column.label == "连接状态") {
} else if (
row.pointConnectStatus_text == "连接正常" &&
column.label == "连接状态"
) {
return "normal";
}
if (rowIndex % 2 == 1) {
......@@ -120,17 +135,13 @@ export default {
}
},
toExport() {
let params = {
...this.params,
...this.searchOption
}
exportConnectStatusHistory(params).then(res => {
download(res, 'vnd.ms-excel', `设备连接历史状态.xls`)
})
}
exportConnectStatusHistory({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `设备连接历史状态.xls`);
});
},
},
mounted() {
this.getTableData()
this.getTableData();
},
};
</script>
......
......@@ -4,9 +4,7 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<delids
:multipleSelection2="multipleSelection"
@del="deleteCable"
<delids :multipleSelection2="multipleSelection" @del="deleteCable"
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
......@@ -38,11 +36,20 @@
width="180"
align="center"
/>
<el-table-column prop="alarmLevelName" label="告警级别" width="150" align="center">
<el-table-column
prop="alarmLevelName"
label="告警级别"
width="150"
align="center"
>
</el-table-column>
<el-table-column prop="alarmInfo" label="告警信息" align="center">
</el-table-column>
<el-table-column prop="alarmMaintainTime" label="告警维修时间" align="center" />
<el-table-column
prop="alarmMaintainTime"
label="告警维修时间"
align="center"
/>
</el-table>
<Pagination
:limit="params.size"
......@@ -54,10 +61,10 @@
</div>
</template>
<script>
import { MonitorMaintainList, MonitorMaintainDelete } from '../api'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportLeakyMaintainHistory } from '@/api/export'
import { MonitorMaintainList, MonitorMaintainDelete } from "../api";
import search from "./components/search.vue";
import download from "@/utils/download";
import { exportLeakyMaintainHistory } from "@/api/export";
export default {
props: [],
data() {
......@@ -70,62 +77,61 @@ export default {
total: 10,
tableData: [],
isQuery: false,
searchOption: {}
}
searchOption: {},
exids: [],
};
},
components: {
search
search,
},
methods: {
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
handlePageChange(pageData) {
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData()
this.getTableData();
},
getTableData(option) {
this.searchOption = option
this.searchOption = option;
let params = {
...this.params,
...option
}
MonitorMaintainList(params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
})
...option,
};
MonitorMaintainList(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
});
},
deleteCable() {
MonitorMaintainDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功!')
this.getTableData()
})
deleteCable() {
MonitorMaintainDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success("删除成功!");
this.getTableData();
});
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.alarmLevelName == '紧急' && column.label == '告警级别') {
return 'emergency'
} else if (row.alarmLevelName == '重要' && column.label == '告警级别') {
return 'important'
if (row.alarmLevelName == "紧急" && column.label == "告警级别") {
return "emergency";
} else if (row.alarmLevelName == "重要" && column.label == "告警级别") {
return "important";
}
if (rowIndex % 2 == 1) {
return 'stripe'
return "stripe";
}
},
toExport() {
let params = {
...this.params,
...this.searchOption
}
exportLeakyMaintainHistory(params).then(res => {
download(res, 'vnd.ms-excel', `漏缆监测维修历史.xls`)
})
}
exportLeakyMaintainHistory({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `漏缆监测维修历史.xls`);
});
},
},
mounted() {
this.getTableData();
},
mounted() { this.getTableData() },
};
</script>
<style lang="scss" scoped>
......
......@@ -4,9 +4,7 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<delids
:multipleSelection2="multipleSelection"
@click="deleteCable"
<delids :multipleSelection2="multipleSelection" @del="deleteCable"
>删除</delids
>
<el-button type="primary" @click="getTableData">刷新</el-button>
......@@ -44,80 +42,78 @@
</template>
<script>
import { MonitorStatusList, MonitorStatusDelete } from '../api'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportLeakyStatusHistory } from '@/api/export'
import { MonitorStatusList, MonitorStatusDelete } from "../api";
import search from "./components/search.vue";
import download from "@/utils/download";
import { exportLeakyStatusHistory } from "@/api/export";
export default {
data() {
return {
params: {
current: 1,
size: 10
size: 10,
},
total: 10,
tableData: [],
multipleSelection: [],
isQuery: false,
searchOption: {}
}
searchOption: {},
exids: [],
};
},
components: {
search
search,
},
methods: {
// 表格背景图颜色
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.level === '紧急' && column.label === '告警级别') {
return 'emergency'
} else if (row.level === '重要' && column.label === '告警级别') {
return 'important'
if (row.level === "紧急" && column.label === "告警级别") {
return "emergency";
} else if (row.level === "重要" && column.label === "告警级别") {
return "important";
}
if (rowIndex % 2 === 1) {
return 'stripe'
return "stripe";
}
},
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
getTableData(option) {
this.searchOption = option
this.searchOption = option;
let params = {
...this.params,
...option
}
MonitorStatusList(params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
})
...option,
};
MonitorStatusList(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
});
},
handleSelectionChange(val) {
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
deleteCable() {
MonitorStatusDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功!')
this.getTableData()
})
MonitorStatusDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success("删除成功!");
this.getTableData();
});
},
toExport() {
let params = {
...this.params,
...this.searchOption
}
exportLeakyStatusHistory(params).then(res => {
download(res, 'vnd.ms-excel', `漏缆监测历史状态.xls`)
})
}
exportLeakyStatusHistory({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `漏缆监测历史状态.xls`);
});
},
},
mounted() {
this.getTableData()
}
}
this.getTableData();
},
};
</script>
<style lang="scss" scoped>
......
......@@ -204,14 +204,11 @@ export default {
reset() {
this.FSUForm = formInit();
},
exportData() {
// fsulist({size:this.total}).then((res) => {
// let list = res.records || [];
// this.exids = list.map((i) => i.id);
// });
// let ids = [];
// this.ids.length != 0 ? (ids = this.ids) : (ids = this.exids);
exportFsu({ ids: this.exids }).then((res) => {
console.log(ids);
download(res, "vnd.ms-excel", `FSU表.xls`);
});
},
......@@ -220,7 +217,6 @@ export default {
this.ids = this.multipleSelection.map((i) => i.id);
},
handleView(row) {
this.$router.push({
path: "/detail",
......
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