Commit 5f373676 authored by neogcg's avatar neogcg

2.24

parent ce4ef228
<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
<template> <template>
<div> <div>
<el-form <el-form
ref="form" ref="form"
:model="formData" :model="formData"
...@@ -7,8 +7,6 @@ ...@@ -7,8 +7,6 @@
label-width="200px" label-width="200px"
class="form" class="form"
> >
<el-form-item label="铁路名:" prop="name"> <el-form-item label="铁路名:" prop="name">
<el-input v-model="formData.name" placeholder="请输入铁路名" /> <el-input v-model="formData.name" placeholder="请输入铁路名" />
</el-form-item> </el-form-item>
...@@ -35,35 +33,23 @@ ...@@ -35,35 +33,23 @@
<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: "",
equipFactory: "",
equipMode: '',
equipName: "",
equipSerialNumber: "",
equipType: '',
installDate: "",
kmSign: "",
parentId: '',
repairDate: ""
},
rules: {
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,38 +67,28 @@ return { ...@@ -81,38 +67,28 @@ return {
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" }, { required: true, message: "请输入铁路全长公里数", trigger: "blur" },
], ],
}, },
}; };
}, },
computed: { computed: {},
methods: {
},
methods: {
reset() { 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>
...@@ -120,12 +96,12 @@ mounted() {}, ...@@ -120,12 +96,12 @@ mounted() {},
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
<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"
placeholder="请选择铁路线"
>
<el-option <el-option
v-for="item in FSUrailway" v-for="item in FSUrailway"
:key="item.key" :key="item.key"
...@@ -21,16 +18,10 @@ ...@@ -21,16 +18,10 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="站点编号" prop="siteCode"> <el-form-item label="站点编号" prop="siteCode">
<el-input <el-input v-model="stationForm.siteCode" placeholder="请输入站点编号" />
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 <el-input v-model="stationForm.siteName" placeholder="请输入站名" />
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
...@@ -62,10 +53,10 @@ ...@@ -62,10 +53,10 @@
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">
...@@ -79,15 +70,15 @@ ...@@ -79,15 +70,15 @@
<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,26 +101,53 @@ return { ...@@ -110,26 +101,53 @@ return {
siteLongitude: "", siteLongitude: "",
siteOtherMessage: "", siteOtherMessage: "",
}, },
}; rules: {
}, parentId: [
computed: { { required: true, message: "请选择铁路线", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
siteCode: [
{ 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" },
],
}, },
methods: { };
},
computed: {},
methods: {
reset() { 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: "",
...@@ -140,14 +158,11 @@ methods: { ...@@ -140,14 +158,11 @@ methods: {
siteLatitude: "", siteLatitude: "",
siteLongitude: "", siteLongitude: "",
siteOtherMessage: "", siteOtherMessage: "",
} };
}); });
}, },
}, },
mounted() {}, mounted() {},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -155,12 +170,12 @@ mounted() {}, ...@@ -155,12 +170,12 @@ mounted() {},
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
...@@ -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>
......
...@@ -10,15 +10,14 @@ ...@@ -10,15 +10,14 @@
> >
</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