Skip to content

W
web-monitor
Commit 0865ac3b authored by neogcg's avatar neogcg
Browse files
Options

2.24/18:35

parent 5f373676
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1542 additions and 437 deletions
src/store/modules/railWay.js 0 → 100644
View file @ 0865ac3b
import { railWaylist } from "../../views/setting/api"
const state = {
list: []
}
const mutations = {
changeList(state, arr) {
state.list = arr
}
}
const actions = {
asyncList(context) {
railWaylist().then(res => {
// let arr =res.data.list?res.data.list:[]
let arr = res.records?res.records:[]
context.commit("changeList", arr)
})
}
}
const getters = {
list(state) {
return state.list
}
}
export default {
state,
mutations,
actions,
getters,
namespaced: true
}
\ No newline at end of file
src/views/setting/add/comp/FSU.vue
View file @ 0865ac3b
This diff is collapsed.
src/views/setting/add/comp/leakyCable.vue 0 → 100644
View file @ 0865ac3b
<template>
<div>
<el-form
ref="leakyCableForm"
:model="leakyCableForm"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="所在铁路线：" prop="parentId">
<el-select v-model="leakyCableForm.parentId" placeholder="请选择铁路线">
<el-option
v-for="item in FSUrailway"
:key="item.key"
:label="item.label"
:value="item.key"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="漏缆编号：" prop="leakyCableCode">
<el-input
v-model="leakyCableForm.leakyCableCode"
placeholder="请输入漏缆编号"
/>
</el-form-item>
<el-form-item label="漏缆描述：" prop="leakyCableDescribe">
<el-input
v-model="leakyCableForm.leakyCableDescribe"
placeholder="请输入漏缆描述"
/>
</el-form-item>
<el-form-item label="漏缆型号：" prop="leakyCableMode">
<el-input
v-model="leakyCableForm.leakyCableMode"
placeholder="请输入漏缆型号"
/>
</el-form-item>
<el-form-item label="漏缆长度：" prop="leakyCableLength">
<el-input
v-model="leakyCableForm.leakyCableLength"
placeholder="请输入漏缆长度"
/>
</el-form-item>
<el-form-item label="漏缆百米损耗：" prop="hundredMetersLoss">
<el-input
v-model="leakyCableForm.hundredMetersLoss"
placeholder="请输入漏缆百米损耗"
/>
</el-form-item>
<el-form-item label="漏缆速度衰减系数：" prop="reductRatio">
<el-input
v-model="leakyCableForm.reductRatio"
placeholder="请输入漏缆速度衰减系数"
/>
</el-form-item>
<el-form-item label="漏缆测试信号发射功率：" prop="sendPower">
<el-input
v-model="leakyCableForm.sendPower"
placeholder="请输入漏缆测试信号发射功率"
/>
</el-form-item>
<el-form-item label="跳线长度：" prop="jumperLength">
<el-input
v-model="leakyCableForm.jumperLength"
placeholder="请输入跳线长度"
/>
</el-form-item>
<el-form-item label="插入器长度：" prop="inserterLength">
<el-input
v-model="leakyCableForm.inserterLength"
placeholder="请输入插入器长度"
/>
</el-form-item>
<el-form-item label="天馈线长度：" prop="antennaFeederLength">
<el-input
v-model="leakyCableForm.antennaFeederLength"
placeholder="请输入天馈线长度"
/>
</el-form-item>
</el-form>
<div class="btn">
<el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button>
</div>
</div>
</template>
<script>
import { leakyCablesave } from "../../api";
export default {
props: [],
components: {},
data() {
return {
FSUrailway: [
{
key: 6,
label: "张呼客运专线",
},
{
key: 12,
label: "南昆客运专线",
},
],
leakyCableForm: {
antennaFeederLength: 0,
hundredMetersLoss: 0,
inserterLength: 0,
jumperLength: 0,
leakyCableCode: "22",
leakyCableDescribe: "打打",
leakyCableLength: 0,
leakyCableMode: "打打",
parentId: 0,
reductRatio: 0,
sendPower: 0,
},
rules: {
parentId: [
{ required: true, message: "请选择铁路线", trigger: "blur" },
],
antennaFeederLength: [
{ required: true, message: "请输入天馈线长度", trigger: "blur" },
],
hundredMetersLoss: [
{ required: true, message: "请输入漏缆百米损耗", trigger: "blur" },
],
inserterLength: [
{ required: true, message: "请输入插入器长度", trigger: "blur" },
],
jumperLength: [
{ required: true, message: "请输入跳线长度", trigger: "blur" },
],
leakyCableCode: [
{ required: true, message: "请输入漏缆编号", trigger: "blur" },
],
leakyCableDescribe: [
{ required: true, message: "请输入漏缆描述", trigger: "blur" },
],
leakyCableLength: [
{ required: true, message: "请输入漏缆长度", trigger: "blur" },
],
leakyCableMode: [
{
required: true,
message: "请输入漏缆型号",
trigger: "blur",
},
],
reductRatio: [
{
required: true,
message: "请输入漏缆速度衰减系数",
trigger: "blur",
},
],
sendPower: [
{ required: true, message: "请输入漏缆测试信号发射功率", trigger: "blur" },
],
},
};
},
computed: {},
methods: {
reset() {
this.$refs.leakyCableForm.resetFields();
},
submit() {
this.$refs.leakyCableForm.validate((valid) => {
if (valid) {
leakyCablesave(this.leakyCableForm).then((res) => {});
}
this.leakyCableForm = {
antennaFeederLength: 0,
hundredMetersLoss: 0,
inserterLength: 0,
jumperLength: 0,
leakyCableCode: "22",
leakyCableDescribe: "打打",
leakyCableLength: 0,
leakyCableMode: "打打",
parentId: 0,
reductRatio: 0,
sendPower: 0,
};
});
},
},
mounted() {},
};
</script>
<style lang="scss" scoped>
.form {
padding: 20px 0;
width: 600px;
margin: 0 auto;
}
.btn {
padding-top: 50px;
text-align: center;
button {
width: 120px;
}
}
</style>
\ No newline at end of file
src/views/setting/add/comp/monitor.vue deleted 100644 → 0
View file @ 5f373676
<template>
<div>
<el-form
ref="form"
:model="formData"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="铁路名：" prop="name">
<el-input v-model="formData.name" placeholder="请输入铁路名" />
</el-form-item>
<el-form-item label="铁路线起点站名：" prop="startPointName">
<el-input
v-model="formData.startPointName"
placeholder="请输入铁路线起点站名"
/>
</el-form-item>
<el-form-item label="铁路线终点站名：" prop="endPointName">
<el-input
v-model="formData.endPointName"
placeholder="请输入铁路线终点站名"
/>
</el-form-item>
<el-form-item label="铁路全长（公里）：" prop="totalLong">
<el-input
v-model="formData.totalLong"
placeholder="请输入铁路全长公里数"
/>
</el-form-item>
</el-form>
<div class="btn">
<!-- <el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button> -->
</div>
</div>
</template>
<script>
export default {
props: [],
components: {},
data() {
return {
formData: {
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
},
monitor: {
equipCode: "",
equipFactory: "",
equipMode: '',
equipName: "",
equipSerialNumber: "",
equipType: '',
installDate: "",
kmSign: "",
parentId: '',
repairDate: ""
},
rules: {
name: [
{ required: true, message: "请输入铁路名", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
startPointName: [
{ required: true, message: "请输入铁路线起点站名", trigger: "blur" },
],
endPointName: [
{ required: true, message: "请输入铁路线终点站名", trigger: "blur" },
],
totalLong: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
siteLongitude: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
},
};
},
computed: {
},
methods: {
},
mounted() {},
};
</script>
<style scoped>
.form {
padding: 20px 0;
width: 600px;
margin: 0 auto;
}
</style>
\ No newline at end of file
src/views/setting/add/comp/monitorEquip.vue 0 → 100644
View file @ 0865ac3b
<template>
<div>
<el-form
ref="monitorForm"
:model="monitorForm"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="站点所属铁路线：" prop="parentId">
<el-select v-model="monitorForm.parentId" placeholder="请选择铁路线">
<el-option
v-for="item in FSUrailway"
:key="item.key"
:label="item.label"
:value="item.key"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="设备身份编号：" prop="equipCode">
<el-input
v-model="monitorForm.equipCode"
placeholder="请输入设备身份编号"
/>
</el-form-item>
<el-form-item label="设备厂商：" prop="equipFactory">
<el-input
v-model="monitorForm.equipFactory"
placeholder="请输入设备厂商"
/>
</el-form-item>
<el-form-item label="设备型号：" prop="equipMode">
<el-input
v-model="monitorForm.equipMode"
placeholder="请输入设备型号"
/>
</el-form-item>
<el-form-item label="设备名：" prop="equipName">
<el-input v-model="monitorForm.equipName" placeholder="请输入设备名" />
</el-form-item>
<el-form-item label="设备生产序列号：" prop="equipSerialNumber">
<el-input
v-model="monitorForm.equipSerialNumber"
placeholder="请输入设备生产序列号"
/>
</el-form-item>
<el-form-item label="设备类别：" prop="equipType">
<el-input
v-model="monitorForm.equipType"
placeholder="请输入设备类别"
/>
</el-form-item>
<el-form-item label="安装日期：" prop="installDate">
<el-input
v-model="monitorForm.installDate"
placeholder="请输入安装日期"
/>
</el-form-item>
<el-form-item label="设备所在铁路公里标：" prop="kmSign">
<el-input
v-model="monitorForm.kmSign"
placeholder="请输入设备所在铁路公里标"
/>
</el-form-item>
<el-form-item label=" 维护日期：" prop="repairDate">
<el-input
v-model="monitorForm.repairDate"
placeholder="请输入维护日期"
/>
</el-form-item>
</el-form>
<div class="btn">
<el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button>
</div>
</div>
</template>
<script>
import { monitorEquipsave } from "../../api";
export default {
props: [],
components: {},
data() {
return {
FSUrailway: [
{
key: 6,
label: "张呼客运专线",
},
{
key: 12,
label: "南昆客运专线",
},
],
monitorForm: {
equipCode: "",
equipFactory: "",
equipMode: 0,
equipName: "",
equipSerialNumber: "",
equipType: 0,
installDate: "2022-02-24 12:24:84",
kmSign: "",
parentId: 0,
repairDate: "2022-02-24 12:24:84",
},
rules: {
parentId: [
{ required: true, message: "请选择铁路线", trigger: "blur" },
],
equipCode: [
{ required: true, message: "请输入设备身份编号", trigger: "blur" },
],
equipFactory: [
{ required: true, message: "请输入设备厂商", trigger: "blur" },
],
equipMode: [
{ required: true, message: "请选择设备型号", trigger: "blur" },
],
equipName: [
{ required: true, message: "请输入设备名", trigger: "blur" },
],
equipSerialNumber: [
{ required: true, message: "请输入设备生产序列号", trigger: "blur" },
],
equipType: [
{ required: true, message: "请输入设备类别", trigger: "blur" },
],
installDate: [
{ required: true, message: "请输入安装日期", trigger: "blur" },
],
kmSign: [
{
required: true,
message: "请输入设备所在铁路公里标",
trigger: "blur",
},
],
repairDate: [
{ required: true, message: "请输入维护日期", trigger: "blur" },
],
},
};
},
computed: {},
methods: {
reset() {
this.$refs.monitorForm.resetFields();
},
submit() {
this.$refs.monitorForm.validate((valid) => {
if (valid) {
monitorEquipsave(this.monitorForm).then((res) => {});
}
this.monitorForm = {
equipCode: "",
equipFactory: "",
equipMode: 0,
equipName: "",
equipSerialNumber: "",
equipType: 0,
installDate: "2022-02-22 12:24:84",
kmSign: "",
parentId: 0,
repairDate: "2022-02-24 12:24:84",
};
});
},
},
mounted() {},
};
</script>
<style lang="scss" scoped>
.form {
padding: 20px 0;
width: 600px;
margin: 0 auto;
}
.btn {
padding-top: 50px;
text-align: center;
button {
width: 120px;
}
}
</style>
\ No newline at end of file
src/views/setting/add/comp/railWay.vue
View file @ 0865ac3b
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</div> </div>
</template> </template>
<script> <script>
import { railWaysave, } from "../../api"; import { railWaysave } from "../../api";
export default { export default {
props: [], props: [],
components: {}, components: {},
......
src/views/setting/add/comp/station.vue
View file @ 0865ac3b
...@@ -17,49 +17,49 @@ ...@@ -17,49 +17,49 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="站点编号" prop="siteCode"> <el-form-item label="站点编号：" prop="siteCode">
<el-input v-model="stationForm.siteCode" placeholder="请输入站点编号" /> <el-input v-model="stationForm.siteCode" placeholder="请输入站点编号" />
</el-form-item> </el-form-item>
<el-form-item label="站名" prop="siteName"> <el-form-item label="站名：" prop="siteName">
<el-input v-model="stationForm.siteName" placeholder="请输入站名" /> <el-input v-model="stationForm.siteName" placeholder="请输入站名" />
</el-form-item> </el-form-item>
<el-form-item label="站点地址" prop="siteAddress"> <el-form-item label="站点地址：" prop="siteAddress">
<el-input <el-input
v-model="stationForm.siteAddress" v-model="stationForm.siteAddress"
placeholder="请输入站点地址" placeholder="请输入站点地址"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点所在局" prop="siteArea"> <el-form-item label="站点所在局：" prop="siteArea">
<el-input <el-input
v-model="stationForm.siteArea" v-model="stationForm.siteArea"
placeholder="请输入站点所在局" placeholder="请输入站点所在局"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点所在段号" prop="siteSectionCode"> <el-form-item label="站点所在段号：" prop="siteSectionCode">
<el-input <el-input
v-model="stationForm.siteSectionCode" v-model="stationForm.siteSectionCode"
placeholder="请输入站点所在段号" placeholder="请输入站点所在段号"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点所在公里标" prop="siteKmSign"> <el-form-item label="站点所在公里标：" prop="siteKmSign">
<el-input <el-input
v-model="stationForm.siteKmSign" v-model="stationForm.siteKmSign"
placeholder="请输入站点所在公里标" placeholder="请输入站点所在公里标"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点经度" prop="siteLatitude"> <el-form-item label="站点经度：" prop="siteLatitude">
<el-input <el-input
v-model="stationForm.siteLatitude" v-model="stationForm.siteLatitude"
placeholder="请输入站点经度" placeholder="请输入站点经度"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点纬度" prop="siteLongitude"> <el-form-item label="站点纬度：" prop="siteLongitude">
<el-input <el-input
v-model="stationForm.siteLongitude" v-model="stationForm.siteLongitude"
placeholder="请输入站点纬度" placeholder="请输入站点纬度"
/> />
</el-form-item> </el-form-item>
<el-form-item label="站点其他信息" prop="siteOtherMessage"> <el-form-item label="站点其他信息：" prop="siteOtherMessage">
<el-input <el-input
v-model="stationForm.siteOtherMessage" v-model="stationForm.siteOtherMessage"
placeholder="请输入站点其他信息" placeholder="请输入站点其他信息"
...@@ -73,7 +73,8 @@ ...@@ -73,7 +73,8 @@
</div> </div>
</template> </template>
<script> <script>
import { sitelist, sitesave } from "../../api"; import { sitesave } from "../../api";
import { mapGetters, mapActions } from "vuex";
export default { export default {
props: [], props: [],
components: {}, components: {},
...@@ -81,16 +82,16 @@ export default { ...@@ -81,16 +82,16 @@ export default {
return { return {
FSUrailway: [ FSUrailway: [
{ {
key: 0, key: 6,
label: "张呼客运专线", label: "张呼客运专线",
}, },
{ {
key: 1, key: 12,
label: "南昆客运专线", label: "南昆客运专线",
}, },
], ],
stationForm: { stationForm: {
parentId: "", parentId: 6,
siteCode: "", siteCode: "",
siteName: "", siteName: "",
siteAddress: "", siteAddress: "",
...@@ -109,9 +110,7 @@ export default { ...@@ -109,9 +110,7 @@ export default {
siteCode: [ siteCode: [
{ required: true, message: "请输入站点编号", trigger: "blur" }, { required: true, message: "请输入站点编号", trigger: "blur" },
], ],
siteName: [ siteName: [{ required: true, message: "请输入站名", trigger: "blur" }],
{ required: true, message: "请输入站名", trigger: "blur" },
],
siteAddress: [ siteAddress: [
{ required: true, message: "请输入站点地址", trigger: "blur" }, { required: true, message: "请输入站点地址", trigger: "blur" },
], ],
...@@ -133,12 +132,14 @@ export default { ...@@ -133,12 +132,14 @@ export default {
siteOtherMessage: [ siteOtherMessage: [
{ required: true, message: "请输入站点其他信息", trigger: "blur" }, { required: true, message: "请输入站点其他信息", trigger: "blur" },
], ],
}, },
}; };
}, },
computed: {}, computed: {},
methods: { methods: {
...mapActions({
asyncrailWayList: "railWay/asyncList",
}),
reset() { reset() {
this.$refs.stationform.resetFields(); this.$refs.stationform.resetFields();
}, },
...@@ -148,7 +149,7 @@ export default { ...@@ -148,7 +149,7 @@ export default {
sitesave(this.stationForm).then((res) => {}); sitesave(this.stationForm).then((res) => {});
} }
this.stationForm = { this.stationForm = {
parentId: "", parentId: 0,
siteCode: "", siteCode: "",
siteName: "", siteName: "",
siteAddress: "", siteAddress: "",
...@@ -162,7 +163,9 @@ export default { ...@@ -162,7 +163,9 @@ export default {
}); });
}, },
}, },
mounted() {}, mounted() {
// this.asyncrailWayList()
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/setting/add/index.vue
View file @ 0865ac3b
...@@ -21,18 +21,19 @@ ...@@ -21,18 +21,19 @@
<el-tab-pane label="FSU" name="2"> <el-tab-pane label="FSU" name="2">
<div class="content" v-if="activeName === '2'"> <div class="content" v-if="activeName === '2'">
<div class="content-title">添加FSU</div> <div class="content-title">添加FSU</div>
<FSU></FSU>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="监测设备" name="3"> <el-tab-pane label="监测设备" name="3">
<div class="content" v-if="activeName === '3'"> <div class="content" v-if="activeName === '3'">
<div class="content-title">添加监测设备</div> <div class="content-title">添加监测设备</div>
<monitor></monitor> <monitorEquip></monitorEquip>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="漏缆" name="4"> <el-tab-pane label="漏缆" name="4">
<div class="content" v-if="activeName === '4'"> <div class="content" v-if="activeName === '4'">
<div class="content-title">添加漏缆</div> <div class="content-title">添加漏缆</div>
<leakyCable></leakyCable>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="天馈线" name="5"> <el-tab-pane label="天馈线" name="5">
...@@ -53,34 +54,17 @@ ...@@ -53,34 +54,17 @@
<script> <script>
import { railWaysave,sitesave } from "../api" import { railWaysave,sitesave } from "../api"
import railWay from "./comp/railWay.vue" import railWay from "./comp/railWay.vue"
import monitor from "./comp/monitor.vue" import monitorEquip from "./comp/monitorEquip.vue"
import station from "./comp/station.vue" import station from "./comp/station.vue"
import FSU from "./comp/FSU.vue"
import leakyCable from "./comp/leakyCable.vue"
export default { export default {
components: { components: {
monitor,station,railWay monitorEquip,station,railWay,FSU,leakyCable
}, },
data() { data() {
return { return {
FSUrailway: [
{
key: 0,
label: "张呼客运专线",
},
{
key: 1,
label: "南昆客运专线",
},
],
FSUstation: [
{
key: 0,
label: "NiGeLong",
},
{
key: 1,
label: "STATION2",
},
],
activeName: "0", activeName: "0",
tabs: [ tabs: [
{ {
...@@ -108,59 +92,9 @@ export default { ...@@ -108,59 +92,9 @@ export default {
key: "5", key: "5",
}, },
], ],
formData: {
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
},
stationForm: {
parentId: "",
siteCode: "",
siteName: "",
siteAddress: "",
siteArea: "",
siteSectionCode: "",
siteKmSign: "",
siteLatitude: "",
siteLongitude: "",
siteOtherMessage: "",
},
FSUForm: {
parentId: "",
station: "",
FSUid: "",
FSUport: "",
deviceName: "",
IP: "",
deviceManufacturer: "", //设备厂商
backup: "",
communication: "", //通信方式
deviceType: "",
devicechildrenType: "",
version: "",
seriesNumber: "",
deviceKm: "",
},
rules: {
name: [
{ required: true, message: "请输入铁路名", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
startPointName: [
{ required: true, message: "请输入铁路线起点站名", trigger: "blur" },
],
endPointName: [
{ required: true, message: "请输入铁路线终点站名", trigger: "blur" },
],
totalLong: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
siteLongitude: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
},
}; };
}, },
methods: { methods: {
...@@ -201,6 +135,8 @@ export default { ...@@ -201,6 +135,8 @@ export default {
.content { .content {
border: 1px solid #e3e3e3; border: 1px solid #e3e3e3;
border-radius: 10px; border-radius: 10px;
height: 700px;
overflow-y: scroll;
.content-title { .content-title {
width: 100%; width: 100%;
height: 60px; height: 60px;
......
src/views/setting/api.js
View file @ 0865ac3b
...@@ -7,12 +7,29 @@ const path = { ...@@ -7,12 +7,29 @@ const path = {
railWaybatchDelete: 'railWay/batchDelete', railWaybatchDelete: 'railWay/batchDelete',
railWayselectList: 'railWay/selectList', railWayselectList: 'railWay/selectList',
siteList: 'site/selectPage', sitelist: 'site/selectPage',
sitedetail: 'site/detail', sitedetail: 'site/detail',
sitesave: 'site/save', sitesave: 'site/save',
sitebatchDelete: 'site/batchDelete', sitebatchDelete: 'site/batchDelete',
siteselectList: 'site/selectList', siteselectList: 'site/selectList',
fsuList: 'fsu/selectPage',
fsudetail: 'fsu/detail',
fsusave: 'fsu/save',
fsubatchDelete: 'fsu/batchDeleteFsu',
fsuselectList: 'fsu/selectList',
monitorEquipList: 'monitorEquip/selectPage',
monitorEquipdetail: 'monitorEquip/detail',
monitorEquipsave: 'monitorEquip/save',
monitorEquipbatchDelete: 'monitorEquip/batchDeleteEquip',
monitorEquipselectList: 'monitorEquip/selectList',
leakyCableList: 'leakyCable/selectPage',
leakyCabledetail: 'leakyCable/detail',
leakyCablesave: 'leakyCable/save',
leakyCablebatchDelete: 'leakyCable/batchDeleteEquip',
leakyCableselectList: 'leakyCable/selectList',
} }
// 铁路线 // 铁路线
export function railWaylist() { export function railWaylist() {
...@@ -35,7 +52,7 @@ export function railWayselectList() { ...@@ -35,7 +52,7 @@ export function railWayselectList() {
//站点 //站点
export function sitelist() { export function sitelist() {
return request.post(path.siteList, ...arguments) return request.post(path.sitelist, ...arguments)
} }
export function sitedetail() { export function sitedetail() {
...@@ -51,4 +68,58 @@ export function sitelist() { ...@@ -51,4 +68,58 @@ export function sitelist() {
export function siteselectList() { export function siteselectList() {
return request.post(path.siteselectList, ...arguments) return request.post(path.siteselectList, ...arguments)
} }
//fsu
export function fsulist() {
return request.post(path.fsuList, ...arguments)
}
export function fsudetail() {
return request.post(path.fsudetail, ...arguments)
}
export function fsusave() {
return request.post(path.fsusave, ...arguments)
}
export function fsubatchDelete() {
return request.post(path.fsubatchDelete, ...arguments)
}
export function fsuselectList() {
return request.post(path.fsuselectList, ...arguments)
}
//监测
export function monitorEquiplist() {
return request.post(path.monitorEquipList, ...arguments)
}
export function monitorEquipdetail() {
return request.post(path.monitorEquipdetail, ...arguments)
}
export function monitorEquipsave() {
return request.post(path.monitorEquipsave, ...arguments)
}
export function monitorEquipbatchDelete() {
return request.post(path.monitorEquipbatchDelete, ...arguments)
}
export function monitorEquipselectList() {
return request.post(path.monitorEquipselectList, ...arguments)
}
//漏缆
export function leakyCablelist() {
return request.post(path.leakyCableList, ...arguments)
}
export function leakyCabledetail() {
return request.post(path.leakyCabledetail, ...arguments)
}
export function leakyCablesave() {
return request.post(path.leakyCablesave, ...arguments)
}
export function leakyCablebatchDelete() {
return request.post(path.leakyCablebatchDelete, ...arguments)
}
export function leakyCableselectList() {
return request.post(path.leakyCableselectList, ...arguments)
}
src/views/setting/statistics/comp/fsuTable.vue 0 → 100644
View file @ 0865ac3b
<template>
<div>
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="delData"
>删除</el-button
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="query">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
</div>
</div>
<el-table
ref="multipleTable"
class="statistics-table"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
:row-class-name="tableRowClassName"
:row-style="{ height: '50px' }"
:header-cell-style="{
background: '#eaf1fe',
color: '#000',
fontWeight: 700,
height: '50px',
}"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="name" label="铁路名称" align="center" />
<el-table-column
prop="parentId"
label="所在铁路线"
align="center"
/>
<el-table-column
prop="station"
label="所在站点"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="fsuCode"
label="FSU身份编号"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="fsuPort"
label="FSU端口数"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="ip"
label="IP地址"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="equipFactory"
label="设备厂商"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="backupMode"
label="设备备用方式"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="connectMode"
label="通信方式"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="equipType"
label="设备类型"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="equipSubType"
label="设备子类型"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="softVersion"
label="软件版本号"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="equipSerialNumber"
label="设备生产序列号"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="kmSign"
label="设备所在铁路公里标"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="action"
label="详细信息"
show-overflow-tooltip
align="center"
>
<template slot-scope="{ row }">
<el-link type="primary" :underline="false" @click="handleView(row)"
>查看</el-link
>
</template>
</el-table-column>
</el-table>
<pagination
:limit="params.pageSize"
:page="params.pageNum"
:total="total"
class="pagination"
@pagination="handlePageChange"
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import { fsulist, fsubatchDelete, fsudetail } from "../../api";
export default {
props: [],
components: { Pagination },
data() {
return {
tableData: [],
params: {
pageNum: 1,
pageSize: 10,
},
total: 10,
multipleSelection: [],
ids: [],
};
},
computed: {},
methods: {
tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? "" : "single-row";
},
changeType(item) {
this.activeName = item.key;
},
delData() {
let ids = this.ids;
fsubatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {
this.getTableData();
},
query() {},
exportData() {},
handleSelectionChange(val) {
this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id);
},
handleView(row) {
let id = row.id;
fsudetail({ id }).then((res) => {
});
},
handlePageChange(pageData) {
this.params.pageSize = pageData.size;
this.params.pageNum = pageData.page;
this.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 = {
current: this.params.pageNum,
size: this.params.pageSize,
};
fsulist(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
});
},
},
mounted() {
this.getTableData();
},
};
</script>
<style lang="scss" scoped>
.leakage-cable {
.leakage-top {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
& ::v-deep .cell {
color: #333333;
}
& ::v-deep .stripe {
background-color: #eaf1fe;
}
& ::v-deep .red {
background-color: #f00;
}
& ::v-deep .green {
background-color: green;
}
.page {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
margin: 0 20px;
}
}
}
</style>
<style lang="scss">
.statistics-table {
.single-row {
background: #f1f6ff;
}
td {
padding: 5px !important;
}
}
</style>
\ No newline at end of file
src/views/setting/statistics/comp/leakyTable.vue 0 → 100644
View file @ 0865ac3b
<template>
<div>
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="delData"
>删除</el-button
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="query">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
</div>
</div>
<el-table
ref="multipleTable"
class="statistics-table"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
:row-class-name="tableRowClassName"
:row-style="{ height: '50px' }"
:header-cell-style="{
background: '#eaf1fe',
color: '#000',
fontWeight: 700,
height: '50px',
}"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
prop="parentId"
label="所在铁路线"
align="center"
/>
<el-table-column
prop="hundredMetersLoss"
label="漏缆百米损耗"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="leakyCableCode"
label="漏缆编号"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="leakyCableDescribe"
label="描述"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="leakyCableLength"
label="漏缆长度"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="leakyCableMode"
label="漏缆型号"
show-overflow-tooltip
align="center"
/> <el-table-column
prop="reductRatio"
label="漏缆速度衰减系数："
show-overflow-tooltip
align="center"
/> <el-table-column
prop="sendPower"
label="发射功率"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="jumperLength"
label="跳线长度"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="inserterLength"
label="插入器长度"
show-overflow-tooltip
align="center"
/>
<el-table-column prop="antennaFeederLength" label="天馈线长度：" align="center" />
<el-table-column
prop="action"
label="详细信息"
show-overflow-tooltip
align="center"
>
<template slot-scope="{ row }">
<el-link type="primary" :underline="false" @click="handleView(row)"
>查看</el-link
>
</template>
</el-table-column>
</el-table>
<pagination
:limit="params.pageSize"
:page="params.pageNum"
:total="total"
class="pagination"
@pagination="handlePageChange"
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import { leakyCablelist, leakyCablebatchDelete, leakyCabledetail } from "../../api";
export default {
props: [],
components: { Pagination },
data() {
return {
tableData: [],
params: {
pageNum: 1,
pageSize: 10,
},
total: 10,
multipleSelection: [],
ids: [],
};
},
computed: {},
methods: {
tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? "" : "single-row";
},
changeType(item) {
this.activeName = item.key;
},
delData() {
let ids = this.ids;
leakyCablebatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {},
query() {},
exportData() {},
handleSelectionChange(val) {
this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id);
},
handleView(row) {
let id = row.id;
leakyCabledetail({ id }).then((res) => {
});
},
handlePageChange(pageData) {
this.params.pageSize = pageData.size;
this.params.pageNum = pageData.page;
this.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 = {
current: this.params.pageNum,
size: this.params.pageSize,
};
leakyCablelist(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
});
},
},
mounted() {
this.getTableData();
},
};
</script>
<style lang="scss" scoped>
.leakage-cable {
.leakage-top {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
& ::v-deep .cell {
color: #333333;
}
& ::v-deep .stripe {
background-color: #eaf1fe;
}
& ::v-deep .red {
background-color: #f00;
}
& ::v-deep .green {
background-color: green;
}
.page {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
margin: 0 20px;
}
}
}
</style>
<style lang="scss">
.statistics-table {
.single-row {
background: #f1f6ff;
}
td {
padding: 5px !important;
}
}
</style>
\ No newline at end of file
src/views/setting/statistics/comp/monitorTable.vue 0 → 100644
View file @ 0865ac3b
<template>
<div>
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="delData"
>删除</el-button
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="query">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
</div>
</div>
<el-table
ref="multipleTable"
class="statistics-table"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
:row-class-name="tableRowClassName"
:row-style="{ height: '50px' }"
:header-cell-style="{
background: '#eaf1fe',
color: '#000',
fontWeight: 700,
height: '50px',
}"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="parentId" label="站点所属铁路线" align="center" />
<el-table-column prop="equipCode" label="设备身份编号" align="center" />
<el-table-column
prop="equipFactory"
label="设备厂商"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="equipMode"
label="设备型号"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="equipName"
label="设备名"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="equipSerialNumber"
label="设备生产序列号"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="equipType"
label="设备类别"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="installDate"
label="安装日期"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="kmSign"
label="设备所在铁路公里标"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="repairDate"
label="维护日期"
show-overflow-tooltip
align="center"
/>
<el-table-column
prop="action"
label="详细信息"
show-overflow-tooltip
align="center"
>
<template slot-scope="{ row }">
<el-link type="primary" :underline="false" @click="handleView(row)"
>查看</el-link
>
</template>
</el-table-column>
</el-table>
<pagination
:limit="params.pageSize"
:page="params.pageNum"
:total="total"
class="pagination"
@pagination="handlePageChange"
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import {
monitorEquiplist,
monitorEquipbatchDelete,
monitorEquipdetail,
} from "../../api";
export default {
props: [],
components: { Pagination },
data() {
return {
tableData: [],
params: {
pageNum: 1,
pageSize: 10,
},
total: 10,
multipleSelection: [],
ids: [],
};
},
computed: {},
methods: {
tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? "" : "single-row";
},
changeType(item) {
this.activeName = item.key;
},
delData() {
let ids = this.ids;
monitorEquipbatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {
this.getTableData();
},
query() {},
exportData() {},
handleSelectionChange(val) {
this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id);
},
handleView(row) {
let id = row.id;
monitorEquipdetail({ id }).then((res) => {
});
},
handlePageChange(pageData) {
this.params.pageSize = pageData.size;
this.params.pageNum = pageData.page;
this.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 = {
current: this.params.pageNum,
size: this.params.pageSize,
};
monitorEquiplist(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
});
},
},
mounted() {
this.getTableData();
},
};
</script>
<style lang="scss" scoped>
.leakage-cable {
.leakage-top {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
& ::v-deep .cell {
color: #333333;
}
& ::v-deep .stripe {
background-color: #eaf1fe;
}
& ::v-deep .red {
background-color: #f00;
}
& ::v-deep .green {
background-color: green;
}
.page {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
margin: 0 20px;
}
}
}
</style>
<style lang="scss">
.statistics-table {
.single-row {
background: #f1f6ff;
}
td {
padding: 5px !important;
}
}
</style>
\ No newline at end of file
src/views/setting/statistics/comp/railWayTable.vue
View file @ 0865ac3b
...@@ -80,7 +80,7 @@ export default { ...@@ -80,7 +80,7 @@ export default {
components: { Pagination }, components: { Pagination },
data() { data() {
return { return {
tableData:[], tableData: [],
params: { params: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
...@@ -103,22 +103,20 @@ export default { ...@@ -103,22 +103,20 @@ export default {
railWaybatchDelete({ ids }).then((res) => {}); railWaybatchDelete({ ids }).then((res) => {});
this.getTableData(); this.getTableData();
}, },
refresh() {}, refresh() {
this.getTableData();
},
query() {}, query() {},
exportData() {}, exportData() {},
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id); this.ids = this.multipleSelection.map((i) => i.id);
console.log(this.ids);
}, },
handleView(row) { handleView(row) {
console.log(row.id);
let id = row.id; let id = row.id;
railWaydetail({ id }).then((res) => { railWaydetail({ id }).then((res) => {});
console.log(res);
});
}, },
handlePageChange(pageData) { handlePageChange(pageData) {
this.params.pageSize = pageData.size; this.params.pageSize = pageData.size;
...@@ -139,7 +137,6 @@ export default { ...@@ -139,7 +137,6 @@ export default {
this.tableData = list; this.tableData = list;
this.total = res.total; this.total = res.total;
}); });
}, },
}, },
mounted() { mounted() {
......
src/views/setting/statistics/comp/stationTable.vue
View file @ 0865ac3b
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column prop="parentId" label="站点所属铁路线：" align="center" /> <el-table-column prop="parentId" 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" prop="siteName"
...@@ -101,7 +101,8 @@ ...@@ -101,7 +101,8 @@
</template> </template>
<script> <script>
import Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
import { sitelist } from "../../api"; import { sitelist,sitebatchDelete,sitedetail } from "../../api";
export default { export default {
props: [], props: [],
components: { Pagination }, components: { Pagination },
...@@ -119,6 +120,7 @@ export default { ...@@ -119,6 +120,7 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? "" : "single-row"; return rowIndex % 2 === 0 ? "" : "single-row";
}, },
...@@ -127,24 +129,26 @@ export default { ...@@ -127,24 +129,26 @@ export default {
}, },
delData() { delData() {
let ids = this.ids; let ids = this.ids;
railWaybatchDelete({ ids }).then((res) => {}); sitebatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {
this.getTableData(); this.getTableData();
}, },
refresh() {},
query() {}, query() {},
exportData() {}, exportData() {},
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id); this.ids = this.multipleSelection.map((i) => i.id);
console.log(this.ids);
}, },
handleView(row) { handleView(row) {
console.log(row.id);
let id = row.id; let id = row.id;
railWaydetail({ id }).then((res) => { sitedetail({ id }).then((res) => {
console.log(res);
}); });
}, },
handlePageChange(pageData) { handlePageChange(pageData) {
...@@ -170,6 +174,8 @@ export default { ...@@ -170,6 +174,8 @@ export default {
}, },
mounted() { mounted() {
this.getTableData(); this.getTableData();
}, },
}; };
</script> </script>
......
src/views/setting/statistics/index.vue
View file @ 0865ac3b
...@@ -12,12 +12,18 @@ ...@@ -12,12 +12,18 @@
<railWayTable v-if="activeName == '0'"></railWayTable> <railWayTable v-if="activeName == '0'"></railWayTable>
<stationTable v-if="activeName == '1'"></stationTable> <stationTable v-if="activeName == '1'"></stationTable>
<fsuTable v-if="activeName == '2'"></fsuTable>
<monitorTable v-if="activeName == '3'"></monitorTable>
<leakyTable v-if="activeName == '4'"></leakyTable>
</div> </div>
</template> </template>
<script> <script>
import railWayTable from "./comp/railWayTable.vue"; import railWayTable from "./comp/railWayTable.vue";
import stationTable from "./comp/stationTable.vue"; import stationTable from "./comp/stationTable.vue";
import fsuTable from "./comp/fsuTable.vue";
import monitorTable from "./comp/monitorTable.vue";
import leakyTable from "./comp/leakyTable.vue";
import Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
import { import {
railWaylist, railWaylist,
...@@ -26,7 +32,7 @@ import { ...@@ -26,7 +32,7 @@ import {
sitelist, sitelist,
} from "../api"; } from "../api";
export default { export default {
components: { Pagination, railWayTable, stationTable }, components: { Pagination, railWayTable, stationTable,fsuTable,monitorTable,leakyTable },
data() { data() {
return { return {
params: { params: {
...@@ -63,66 +69,7 @@ export default { ...@@ -63,66 +69,7 @@ export default {
], ],
tableData2: [], tableData2: [],
tableData: [ tableData: [
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
{
name: "张呼铁路客运专线",
start: "张家口",
end: "呼和浩特",
long: 286.8,
},
], ],
multipleSelection: [], multipleSelection: [],
ids: [], ids: [],
......
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