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>
<div>
<div>
<el-form
ref="form"
:model="formData"
......@@ -7,8 +7,6 @@
label-width="200px"
class="form"
>
<el-form-item label="铁路名:" prop="name">
<el-input v-model="formData.name" placeholder="请输入铁路名" />
</el-form-item>
......@@ -35,35 +33,23 @@
<el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button>
</div>
</div>
</div>
</template>
<script>
import { railWaysave,sitesave } from "../../api"
import { railWaysave, } from "../../api";
export default {
props: [],
components: {},
data() {
return {
props: [],
components: {},
data() {
return {
formData: {
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
totalLong: "",
},
monitor: {
equipCode: "",
equipFactory: "",
equipMode: '',
equipName: "",
equipSerialNumber: "",
equipType: '',
installDate: "",
kmSign: "",
parentId: '',
repairDate: ""
},
rules: {
rules: {
name: [
{ required: true, message: "请输入铁路名", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
......@@ -81,38 +67,28 @@ return {
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
},
};
},
computed: {
},
methods: {
};
},
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);
})
railWaysave(this.formData).then((res) => {});
}
this.formData={
this.formData = {
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
}
totalLong: "",
};
});
},
},
mounted() {},
},
mounted() {},
};
</script>
<style lang="scss" scoped>
......@@ -120,12 +96,12 @@ mounted() {},
padding: 20px 0;
width: 600px;
margin: 0 auto;
}
.btn {
}
.btn {
padding-top: 50px;
text-align: center;
button {
width: 120px;
}
}
}
</style>
\ No newline at end of file
<template>
<div>
<div>
<el-form
ref="stationform"
:model="stationForm"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="站点所属铁路线:" prop="parentId">
<el-select
v-model="stationForm.parentId"
placeholder="请选择铁路线"
>
<el-select v-model="stationForm.parentId" placeholder="请选择铁路线">
<el-option
v-for="item in FSUrailway"
:key="item.key"
......@@ -21,16 +18,10 @@
</el-select>
</el-form-item>
<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 label="站名" prop="siteName">
<el-input
v-model="stationForm.siteName"
placeholder="请输入站名"
/>
<el-input v-model="stationForm.siteName" placeholder="请输入站名" />
</el-form-item>
<el-form-item label="站点地址" prop="siteAddress">
<el-input
......@@ -62,10 +53,10 @@
placeholder="请输入站点经度"
/>
</el-form-item>
<el-form-item label="站点维度" prop="siteLongitude">
<el-form-item label="站点纬度" prop="siteLongitude">
<el-input
v-model="stationForm.siteLongitude"
placeholder="请输入站点维度"
placeholder="请输入站点纬度"
/>
</el-form-item>
<el-form-item label="站点其他信息" prop="siteOtherMessage">
......@@ -79,15 +70,15 @@
<el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button>
</div>
</div>
</div>
</template>
<script>
import { sitelist,sitesave } from "../../api"
import { sitelist, sitesave } from "../../api";
export default {
props: [],
components: {},
data() {
return {
props: [],
components: {},
data() {
return {
FSUrailway: [
{
key: 0,
......@@ -110,26 +101,53 @@ return {
siteLongitude: "",
siteOtherMessage: "",
},
};
},
computed: {
rules: {
parentId: [
{ 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() {
this.$refs.stationform.resetFields();
},
submit() {
this.$refs.stationform.validate((valid) => {
if (valid) {
console.log(this.stationForm);
sitesave(this.stationForm).then(res=>{
console.log(res);
})
sitesave(this.stationForm).then((res) => {});
}
this.stationForm={
this.stationForm = {
parentId: "",
siteCode: "",
siteName: "",
......@@ -140,14 +158,11 @@ methods: {
siteLatitude: "",
siteLongitude: "",
siteOtherMessage: "",
}
};
});
},
},
mounted() {},
},
mounted() {},
};
</script>
<style lang="scss" scoped>
......@@ -155,12 +170,12 @@ mounted() {},
padding: 20px 0;
width: 600px;
margin: 0 auto;
}
.btn {
}
.btn {
padding-top: 50px;
text-align: center;
button {
width: 120px;
}
}
}
</style>
\ No newline at end of file
......@@ -21,106 +21,7 @@
<el-tab-pane label="FSU" name="2">
<div class="content" v-if="activeName === '2'">
<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>
</el-tab-pane>
<el-tab-pane label="监测设备" name="3">
......@@ -264,53 +165,11 @@ export default {
},
methods: {
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>
......
......@@ -10,15 +10,14 @@
>
</el-button-group>
<railWayTable v-if="activeName=='0'"></railWayTable>
<stationTable v-if="activeName=='1'"></stationTable>
<railWayTable v-if="activeName == '0'"></railWayTable>
<stationTable v-if="activeName == '1'"></stationTable>
</div>
</template>
<script>
import railWayTable from "./comp/railWayTable.vue"
import stationTable from "./comp/stationTable.vue"
import railWayTable from "./comp/railWayTable.vue";
import stationTable from "./comp/stationTable.vue";
import Pagination from "@/components/Pagination";
import {
railWaylist,
......@@ -27,7 +26,7 @@ import {
sitelist,
} from "../api";
export default {
components: { Pagination,railWayTable,stationTable },
components: { Pagination, railWayTable, stationTable },
data() {
return {
params: {
......@@ -136,48 +135,17 @@ export default {
changeType(item) {
this.activeName = item.key;
},
delData() {
let ids = this.ids;
railWaybatchDelete({ ids }).then((res) => {});
this.getTableData();
},
refresh() {},
query() {},
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() {
this.getTableData();
},
};
</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