Skip to content

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

2.24

parent ce4ef228
Hide whitespace changes
Inline Side-by-side
Showing with 407 additions and 405 deletions
src/views/setting/add/comp/FSU.vue 0 → 100644
View file @ 5f373676
<template>
<div>
<el-form
ref="FSUform"
:model="FSUForm"
label-width="200px"
class="form"
>
<!-- :rules="rules" -->
<el-form-item label="所在铁路线：" prop="parentId">
<el-select
v-model="FSUForm.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="station">
<el-select v-model="FSUForm.station" placeholder="请选择站点">
<el-option
v-for="item in FSUstation"
:key="item.key"
:label="item.label"
:value="item.key"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="FSU身份编号" prop="FSUid">
<el-input
v-model="FSUForm.FSUid"
placeholder="请输入FSU身份编号"
/>
</el-form-item>
<el-form-item label="FSU端口数" prop="FSUport">
<el-input
v-model="FSUForm.FSUport"
placeholder="请输入FSU端口数"
/>
</el-form-item>
<el-form-item label="设备名称" prop="deviceName">
<el-input
v-model="FSUForm.deviceName"
placeholder="请输入设备名称"
/>
</el-form-item>
<el-form-item label="IP地址" prop="IP">
<el-input v-model="FSUForm.IP" placeholder="请输入IP地址" />
</el-form-item>
<el-form-item label="设备厂商" prop="deviceManufacturer">
<el-input
v-model="FSUForm.deviceManufacturer"
placeholder="请输入设备厂商"
/>
</el-form-item>
<el-form-item label="设备备用方式" prop="backup">
<el-input
v-model="FSUForm.backup"
placeholder="请选择设备备用方式"
/>
</el-form-item>
<el-form-item label="通信方式" prop="communication">
<el-input
v-model="FSUForm.communication"
placeholder="请选择通信方式"
/>
</el-form-item>
<el-form-item label="设备类型" prop="deviceType">
<el-input
v-model="FSUForm.deviceType"
placeholder="请选择设备类型"
/>
</el-form-item>
<el-form-item label="设备子类型" prop="devicechildrenType">
<el-input
v-model="FSUForm.devicechildrenType"
placeholder="请选择设备子类型"
/>
</el-form-item>
<el-form-item label="软件版本号" prop="version">
<el-input
v-model="FSUForm.version"
placeholder="请输入软件版本号"
/>
</el-form-item>
<el-form-item label="设备生产序列号" prop="seriesNumber">
<el-input
v-model="FSUForm.seriesNumber"
placeholder="请输入设备生产序列号"
/>
</el-form-item>
<el-form-item label="设备所在铁路公里标" prop="deviceKm">
<el-input
v-model="FSUForm.deviceKm"
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 { railWaysave,sitesave } from "../../api"
export default {
props: [],
components: {},
data() {
return {
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: {
reset() {
this.$refs.form.resetFields();
},
submit() {
this.$refs.form.validate((valid) => {
if (valid) {
console.log(this.formData);
railWaysave(this.formData).then(res=>{
console.log(res);
})
}
this.formData={
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
}
});
},
},
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 @ 5f373676
<template> <template>
<div> <div>
<el-form <el-form
ref="form" ref="form"
:model="formData" :model="formData"
:rules="rules" :rules="rules"
label-width="200px" label-width="200px"
class="form" class="form"
> >
<el-form-item label="铁路名：" prop="name">
<el-input v-model="formData.name" placeholder="请输入铁路名" />
<el-form-item label="铁路名：" prop="name"> </el-form-item>
<el-input v-model="formData.name" placeholder="请输入铁路名" /> <el-form-item label="铁路线起点站名：" prop="startPointName">
</el-form-item> <el-input
<el-form-item label="铁路线起点站名：" prop="startPointName"> v-model="formData.startPointName"
<el-input placeholder="请输入铁路线起点站名"
v-model="formData.startPointName" />
placeholder="请输入铁路线起点站名" </el-form-item>
/> <el-form-item label="铁路线终点站名：" prop="endPointName">
</el-form-item> <el-input
<el-form-item label="铁路线终点站名：" prop="endPointName"> v-model="formData.endPointName"
<el-input placeholder="请输入铁路线终点站名"
v-model="formData.endPointName" />
placeholder="请输入铁路线终点站名" </el-form-item>
/> <el-form-item label="铁路全长（公里）：" prop="totalLong">
</el-form-item> <el-input
<el-form-item label="铁路全长（公里）：" prop="totalLong"> v-model="formData.totalLong"
<el-input placeholder="请输入铁路全长公里数"
v-model="formData.totalLong" />
placeholder="请输入铁路全长公里数" </el-form-item>
/> </el-form>
</el-form-item> <div class="btn">
</el-form>
<div class="btn">
<el-button type="primary" @click="reset">重置</el-button> <el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button> <el-button type="primary" @click="submit">确认提交</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { railWaysave,sitesave } from "../../api" import { railWaysave, } from "../../api";
export default { export default {
props: [], props: [],
components: {}, components: {},
data() { data() {
return { return {
formData: { formData: {
endPointName: "", endPointName: "",
name: "", name: "",
startPointName: "", startPointName: "",
totalLong: "" totalLong: "",
}, },
monitor: {
equipCode: "", rules: {
equipFactory: "",
equipMode: '',
equipName: "",
equipSerialNumber: "",
equipType: '',
installDate: "",
kmSign: "",
parentId: '',
repairDate: ""
},
rules: {
name: [ name: [
{ required: true, message: "请输入铁路名", trigger: "blur" }, { required: true, message: "请输入铁路名", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
...@@ -81,51 +67,41 @@ return { ...@@ -81,51 +67,41 @@ return {
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" }, { required: true, message: "请输入铁路全长公里数", trigger: "blur" },
], ],
}, },
}; };
}, },
computed: { computed: {},
methods: {
}, reset() {
methods: {
reset() {
this.$refs.form.resetFields(); this.$refs.form.resetFields();
}, },
submit() { submit() {
this.$refs.form.validate((valid) => {
this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
console.log(this.formData); railWaysave(this.formData).then((res) => {});
railWaysave(this.formData).then(res=>{
console.log(res);
})
} }
this.formData={ this.formData = {
endPointName: "", endPointName: "",
name: "", name: "",
startPointName: "", startPointName: "",
totalLong: "" totalLong: "",
} };
}); });
}, },
}, },
mounted() {}, mounted() {},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.form { .form {
padding: 20px 0; padding: 20px 0;
width: 600px; width: 600px;
margin: 0 auto; margin: 0 auto;
} }
.btn { .btn {
padding-top: 50px; padding-top: 50px;
text-align: center; text-align: center;
button { button {
width: 120px; width: 120px;
}
} }
}
</style> </style>
\ No newline at end of file
src/views/setting/add/comp/station.vue
View file @ 5f373676
<template> <template>
<div> <div>
<el-form <el-form
ref="stationform" ref="stationform"
:model="stationForm" :model="stationForm"
:rules="rules"
label-width="200px" label-width="200px"
class="form" class="form"
> >
<el-form-item label="站点所属铁路线：" prop="parentId"> <el-form-item label="站点所属铁路线：" prop="parentId">
<el-select <el-select v-model="stationForm.parentId" placeholder="请选择铁路线">
v-model="stationForm.parentId" <el-option
placeholder="请选择铁路线" v-for="item in FSUrailway"
> :key="item.key"
<el-option :label="item.label"
v-for="item in FSUrailway" :value="item.key"
:key="item.key" ></el-option>
:label="item.label" </el-select>
:value="item.key" </el-form-item>
></el-option> <el-form-item label="站点编号" prop="siteCode">
</el-select> <el-input v-model="stationForm.siteCode" placeholder="请输入站点编号" />
</el-form-item> </el-form-item>
<el-form-item label="站点编号" prop="siteCode"> <el-form-item label="站名" prop="siteName">
<el-input <el-input v-model="stationForm.siteName" placeholder="请输入站名" />
v-model="stationForm.siteCode" </el-form-item>
placeholder="请输入站点编号" <el-form-item label="站点地址" prop="siteAddress">
/> <el-input
</el-form-item> v-model="stationForm.siteAddress"
<el-form-item label="站名" prop="siteName"> placeholder="请输入站点地址"
<el-input />
v-model="stationForm.siteName" </el-form-item>
placeholder="请输入站名" <el-form-item label="站点所在局" prop="siteArea">
/> <el-input
</el-form-item> v-model="stationForm.siteArea"
<el-form-item label="站点地址" prop="siteAddress"> placeholder="请输入站点所在局"
<el-input />
v-model="stationForm.siteAddress" </el-form-item>
placeholder="请输入站点地址" <el-form-item label="站点所在段号" prop="siteSectionCode">
/> <el-input
</el-form-item> v-model="stationForm.siteSectionCode"
<el-form-item label="站点所在局" prop="siteArea"> placeholder="请输入站点所在段号"
<el-input />
v-model="stationForm.siteArea" </el-form-item>
placeholder="请输入站点所在局" <el-form-item label="站点所在公里标" prop="siteKmSign">
/> <el-input
</el-form-item> v-model="stationForm.siteKmSign"
<el-form-item label="站点所在段号" prop="siteSectionCode"> placeholder="请输入站点所在公里标"
<el-input />
v-model="stationForm.siteSectionCode" </el-form-item>
placeholder="请输入站点所在段号" <el-form-item label="站点经度" prop="siteLatitude">
/> <el-input
</el-form-item> v-model="stationForm.siteLatitude"
<el-form-item label="站点所在公里标" prop="siteKmSign"> placeholder="请输入站点经度"
<el-input />
v-model="stationForm.siteKmSign" </el-form-item>
placeholder="请输入站点所在公里标" <el-form-item label="站点纬度" prop="siteLongitude">
/> <el-input
</el-form-item> v-model="stationForm.siteLongitude"
<el-form-item label="站点经度" prop="siteLatitude"> placeholder="请输入站点纬度"
<el-input />
v-model="stationForm.siteLatitude" </el-form-item>
placeholder="请输入站点经度" <el-form-item label="站点其他信息" prop="siteOtherMessage">
/> <el-input
</el-form-item> v-model="stationForm.siteOtherMessage"
<el-form-item label="站点维度" prop="siteLongitude"> placeholder="请输入站点其他信息"
<el-input />
v-model="stationForm.siteLongitude" </el-form-item>
placeholder="请输入站点维度" </el-form>
/> <div class="btn">
</el-form-item>
<el-form-item label="站点其他信息" prop="siteOtherMessage">
<el-input
v-model="stationForm.siteOtherMessage"
placeholder="请输入站点其他信息"
/>
</el-form-item>
</el-form>
<div class="btn">
<el-button type="primary" @click="reset">重置</el-button> <el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button> <el-button type="primary" @click="submit">确认提交</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { sitelist,sitesave } from "../../api" import { sitelist, sitesave } from "../../api";
export default { export default {
props: [], props: [],
components: {}, components: {},
data() { data() {
return { return {
FSUrailway: [ FSUrailway: [
{ {
key: 0, key: 0,
...@@ -110,57 +101,81 @@ return { ...@@ -110,57 +101,81 @@ return {
siteLongitude: "", siteLongitude: "",
siteOtherMessage: "", siteOtherMessage: "",
}, },
}; rules: {
}, parentId: [
computed: { { required: true, message: "请选择铁路线", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
}, ],
methods: { siteCode: [
reset() { { required: true, message: "请输入站点编号", trigger: "blur" },
],
siteName: [
{ required: true, message: "请输入站名", trigger: "blur" },
],
siteAddress: [
{ required: true, message: "请输入站点地址", trigger: "blur" },
],
siteArea: [
{ required: true, message: "请输入站点所在局", trigger: "blur" },
],
siteSectionCode: [
{ required: true, message: "请输入站点所在段号", trigger: "blur" },
],
siteKmSign: [
{ required: true, message: "请输入站点所在公里标", trigger: "blur" },
],
siteLatitude: [
{ required: true, message: "请输入站点经度", trigger: "blur" },
],
siteLongitude: [
{ required: true, message: "请输入站点纬度", trigger: "blur" },
],
siteOtherMessage: [
{ required: true, message: "请输入站点其他信息", trigger: "blur" },
],
},
};
},
computed: {},
methods: {
reset() {
this.$refs.stationform.resetFields(); this.$refs.stationform.resetFields();
}, },
submit() { submit() {
this.$refs.stationform.validate((valid) => {
this.$refs.stationform.validate((valid) => {
if (valid) { if (valid) {
console.log(this.stationForm); sitesave(this.stationForm).then((res) => {});
sitesave(this.stationForm).then(res=>{
console.log(res);
})
} }
this.stationForm={ this.stationForm = {
parentId: "", parentId: "",
siteCode: "", siteCode: "",
siteName: "", siteName: "",
siteAddress: "", siteAddress: "",
siteArea: "", siteArea: "",
siteSectionCode: "", siteSectionCode: "",
siteKmSign: "", siteKmSign: "",
siteLatitude: "", siteLatitude: "",
siteLongitude: "", siteLongitude: "",
siteOtherMessage: "", siteOtherMessage: "",
} };
}); });
}, },
}, },
mounted() {}, mounted() {},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.form { .form {
padding: 20px 0; padding: 20px 0;
width: 600px; width: 600px;
margin: 0 auto; margin: 0 auto;
} }
.btn { .btn {
padding-top: 50px; padding-top: 50px;
text-align: center; text-align: center;
button { button {
width: 120px; width: 120px;
}
} }
}
</style> </style>
\ No newline at end of file
src/views/setting/add/index.vue
View file @ 5f373676
...@@ -21,106 +21,7 @@ ...@@ -21,106 +21,7 @@
<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>
<el-form
ref="FSUform"
:model="FSUForm"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="所在铁路线：" prop="parentId">
<el-select
v-model="FSUForm.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="station">
<el-select v-model="FSUForm.station" placeholder="请选择站点">
<el-option
v-for="item in FSUstation"
:key="item.key"
:label="item.label"
:value="item.key"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="FSU身份编号" prop="FSUid">
<el-input
v-model="FSUForm.FSUid"
placeholder="请输入FSU身份编号"
/>
</el-form-item>
<el-form-item label="FSU端口数" prop="FSUport">
<el-input
v-model="FSUForm.FSUport"
placeholder="请输入FSU端口数"
/>
</el-form-item>
<el-form-item label="设备名称" prop="deviceName">
<el-input
v-model="FSUForm.deviceName"
placeholder="请输入设备名称"
/>
</el-form-item>
<el-form-item label="IP地址" prop="IP">
<el-input v-model="FSUForm.IP" placeholder="请输入IP地址" />
</el-form-item>
<el-form-item label="设备厂商" prop="deviceManufacturer">
<el-input
v-model="FSUForm.deviceManufacturer"
placeholder="请输入设备厂商"
/>
</el-form-item>
<el-form-item label="设备备用方式" prop="backup">
<el-input
v-model="FSUForm.backup"
placeholder="请选择设备备用方式"
/>
</el-form-item>
<el-form-item label="通信方式" prop="communication">
<el-input
v-model="FSUForm.communication"
placeholder="请选择通信方式"
/>
</el-form-item>
<el-form-item label="设备类型" prop="deviceType">
<el-input
v-model="FSUForm.deviceType"
placeholder="请选择设备类型"
/>
</el-form-item>
<el-form-item label="设备子类型" prop="devicechildrenType">
<el-input
v-model="FSUForm.devicechildrenType"
placeholder="请选择设备子类型"
/>
</el-form-item>
<el-form-item label="软件版本号" prop="version">
<el-input
v-model="FSUForm.version"
placeholder="请输入软件版本号"
/>
</el-form-item>
<el-form-item label="设备生产序列号" prop="seriesNumber">
<el-input
v-model="FSUForm.seriesNumber"
placeholder="请输入设备生产序列号"
/>
</el-form-item>
<el-form-item label="设备所在铁路公里标" prop="deviceKm">
<el-input
v-model="FSUForm.deviceKm"
placeholder="请输入设备所在铁路公里标"
/>
</el-form-item>
</el-form>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="监测设备" name="3"> <el-tab-pane label="监测设备" name="3">
...@@ -264,53 +165,11 @@ export default { ...@@ -264,53 +165,11 @@ export default {
}, },
methods: { methods: {
handleClick(tab, event) { handleClick(tab, event) {
console.log(tab, event);
}, },
reset() {
this.$refs.form.resetFields();
},
submit() {
if (this.activeName==0) {
this.$refs.form.validate((valid) => {
if (valid) {
console.log(this.formData);
railWaysave(this.formData).then(res=>{
console.log(res);
})
}
this.formData={
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
}
});
}
if (this.activeName==1) {
this.$refs.stationform.validate((valid) => {
if (valid) {
console.log(this.stationForm);
// sitesave(this.stationForm).then(res=>{
// console.log(res);
// })
}
this.stationForm={
parentId: "",
siteCode: "",
siteName: "",
siteAddress: "",
siteArea: "",
siteSectionCode: "",
siteKmSign: "",
siteLatitude: "",
siteLongitude: "",
siteOtherMessage: "",
}
});
}
},
}, },
}; };
</script> </script>
......
src/views/setting/statistics/index.vue
View file @ 5f373676
...@@ -9,16 +9,15 @@ ...@@ -9,16 +9,15 @@
>{{ item.label }}</el-button >{{ item.label }}</el-button
> >
</el-button-group> </el-button-group>
<railWayTable v-if="activeName=='0'"></railWayTable> <railWayTable v-if="activeName == '0'"></railWayTable>
<stationTable v-if="activeName=='1'"></stationTable> <stationTable v-if="activeName == '1'"></stationTable>
</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 Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
import { import {
railWaylist, railWaylist,
...@@ -27,7 +26,7 @@ import { ...@@ -27,7 +26,7 @@ import {
sitelist, sitelist,
} from "../api"; } from "../api";
export default { export default {
components: { Pagination,railWayTable,stationTable }, components: { Pagination, railWayTable, stationTable },
data() { data() {
return { return {
params: { params: {
...@@ -136,48 +135,17 @@ export default { ...@@ -136,48 +135,17 @@ export default {
changeType(item) { changeType(item) {
this.activeName = item.key; this.activeName = item.key;
}, },
delData() {
let ids = this.ids;
railWaybatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {}, refresh() {},
query() {}, query() {},
exportData() {}, exportData() {},
handleSelectionChange(val) {
this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id);
console.log(this.ids);
},
handleView(row) {
console.log(row.id);
let id = row.id;
railWaydetail({ id }).then((res) => {
console.log(res);
});
},
handlePageChange(pageData) {
this.params.pageSize = pageData.size;
this.params.pageNum = pageData.page;
this.getTableData();
},
getTableData() {
let params = {
current: this.params.pageNum,
size: this.params.pageSize,
};
railWaylist(params).then((res) => {
let list = res.records || [];
this.tableData = list;
this.total = res.total;
});
},
}, },
mounted() { mounted() {
this.getTableData();
}, },
}; };
</script> </script>
......
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