Commit 5e8319be authored by neogcg's avatar neogcg

2.23

parent bd3a2a11
......@@ -24,6 +24,7 @@
"vue-router": "3.0.6",
"vuex": "3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "4.4.4",
"@vue/cli-plugin-eslint": "4.4.4",
......
<template>
<div class="add">
<div class="add-tab">
<el-tabs v-model="activeName" :stretc="true">
<el-tab-pane
v-for="item in tabs"
:key="item.key"
:label="item.label"
:name="item.key"
/>
</el-tabs>
</div>
<div class="content">
<div class="content-title">添加铁路信息</div>
<el-tabs v-model="activeName" :stretc="true" @tab-click="handleClick">
<el-tab-pane label="铁路线" name="0">
<div class="content" v-if="activeName === '0'">
<div class="content-title">添加铁路线</div>
<el-form
ref="form"
:model="formData"
......@@ -19,26 +12,228 @@
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="start">
<el-form-item label="铁路线起点站名:" prop="startPointName">
<el-input
v-model="formData.start"
placeholder="请输入铁路线起点站名:"
v-model="formData.startPointName"
placeholder="请输入铁路线起点站名"
/>
</el-form-item>
<el-form-item label="铁路线终点站名:" prop="end">
<el-input v-model="formData.end" placeholder="请输入铁路线终点站名" />
<el-form-item label="铁路线终点站名:" prop="endPointName">
<el-input
v-model="formData.endPointName"
placeholder="请输入铁路线终点站名"
/>
</el-form-item>
<el-form-item label="铁路全长(公里):" prop="long">
<el-form-item label="铁路全长(公里):" prop="totalLong">
<el-input
v-model="formData.long"
v-model="formData.totalLong"
placeholder="请输入铁路全长公里数"
/>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="站点" name="1">
<div class="content" v-if="activeName === '1'">
<div class="content-title">添加站点</div>
<el-form
ref="stationform"
:model="stationForm"
:rules="rules"
label-width="200px"
class="form"
>
<el-form-item label="站点所属铁路线:" prop="railwayName">
<el-input
v-model="stationForm.railwayName"
placeholder="请选择铁路线"
/>
</el-form-item>
<el-form-item label="站点编号:" prop="staId">
<el-input
v-model="stationForm.staId"
placeholder="请输入站点编号"
/>
</el-form-item>
<el-form-item label="站名" prop="staName">
<el-input
v-model="stationForm.staName"
placeholder="请输入站名"
/>
</el-form-item>
<el-form-item label="站点地址" prop="staAddress">
<el-input
v-model="stationForm.staAddress"
placeholder="请输入站点地址"
/>
</el-form-item>
<el-form-item label="站点所在局" prop="staOffice">
<el-input
v-model="stationForm.staOffice"
placeholder="请输入站点所在局"
/>
</el-form-item>
<el-form-item label="站点所在编号" prop="staNumber">
<el-input
v-model="stationForm.staNumber"
placeholder="请输入站点所在编号"
/>
</el-form-item>
<el-form-item label="站点所在公里标" prop="staKm">
<el-input
v-model="stationForm.staKm"
placeholder="请输入站点所在公里标"
/>
</el-form-item>
<el-form-item label="站点经度" prop="stalongitude">
<el-input
v-model="stationForm.stalongitude"
placeholder="请输入站点经度"
/>
</el-form-item>
<el-form-item label="站点维度" prop="stadimensionality">
<el-input
v-model="stationForm.stadimensionality"
placeholder="请输入站点维度"
/>
</el-form-item>
<el-form-item label="站点其他信息" prop="staOtherinfo">
<el-input
v-model="stationForm.staOtherinfo"
placeholder="请输入站点其他信息"
/>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<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="railwayName">
<el-select
v-model="FSUForm.railwayName"
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">
<div class="content" v-if="activeName === '3'">
<div class="content-title">添加监测设备</div>
</div>
</el-tab-pane>
<el-tab-pane label="漏缆" name="4">
<div class="content" v-if="activeName === '4'">
<div class="content-title">添加漏缆</div>
</div>
</el-tab-pane>
<el-tab-pane label="天馈线" name="5">
<div class="content" v-if="activeName === '5'">
<div class="content-title">添加天馈线</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
<div class="btn">
<el-button type="primary" @click="reset">重置</el-button>
<el-button type="primary" @click="submit">确认提交</el-button>
......@@ -47,72 +242,131 @@
</template>
<script>
import { railWaysave } from "../api"
export default {
data() {
return {
activeName: '0',
FSUrailway: [
{
key: 0,
label: "张呼客运专线",
},
{
key: 1,
label: "南昆客运专线",
},
],
FSUstation: [
{
key: 0,
label: "NiGeLong",
},
{
key: 1,
label: "STATION2",
},
],
activeName: "0",
tabs: [
{
label: '铁路线',
key: '0'
label: "铁路线",
key: "0",
},
{
label: '站点',
key: '1'
label: "站点",
key: "1",
},
{
label: 'FSU',
key: '2'
label: "FSU",
key: "2",
},
{
label: '监测设备',
key: '3'
label: "监测设备",
key: "3",
},
{
label: '漏缆',
key: '4'
label: "漏缆",
key: "4",
},
{
label: '天馈线',
key: '5'
}
label: "天馈线",
key: "5",
},
],
formData: {
name: '',
start: '',
end: '',
long: ''
endPointName: "",
name: "",
startPointName: "",
totalLong: ""
},
stationForm: {
railwayName: "",
staId: "",
staName: "",
staAddress: "",
staOffice: "",
staNumber: "",
staKm: "",
stalongitude: "",
stadimensionality: "",
staOtherinfo: "",
},
FSUForm: {
railwayName: "",
station: "",
FSUid: "",
FSUport: "",
deviceName: "",
IP: "",
deviceManufacturer: "", //设备厂商
backup: "",
communication: "", //通信方式
deviceType: "",
devicechildrenType: "",
version: "",
seriesNumber: "",
deviceKm: "",
},
rules: {
name: [
{ required: true, message: '请输入铁路名', trigger: 'blur' }
{ required: true, message: "请输入铁路名", trigger: "blur" },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
start: [
{ required: true, message: '请输入铁路线起点站名', trigger: 'blur' }
startPointName: [
{ required: true, message: "请输入铁路线起点站名", trigger: "blur" },
],
end: [
{ required: true, message: '请输入铁路线终点站名', trigger: 'blur' }
endPointName: [
{ required: true, message: "请输入铁路线终点站名", trigger: "blur" },
],
totalLong: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
stadimensionality: [
{ required: true, message: "请输入铁路全长公里数", trigger: "blur" },
],
long: [
{ required: true, message: '请输入铁路全长公里数', trigger: 'blur' }
]
}
}
},
};
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
reset() {
this.$refs.form.resetFields()
this.$refs.form.resetFields();
},
submit() {
this.$refs.form.validate((valid) => {
if (valid) {
console.log(this.formData)
}
console.log(this.formData);
railWaysave(this.formData).then(res=>{
console.log(res);
})
}
}
}
});
},
},
};
</script>
<style lang="scss" scoped>
......
import request from '@/utils/request'
const path = {
railWaylist: 'railWay/selectPage',
railWaydetail: 'railWay/detail',
railWaysave: 'railWay/save',
railWaybatchDelete: 'railWay/batchDelete',
railWayselectList: 'railWay/selectList',
}
export function railWaylist() {
return request.post(path.railWaylist, ...arguments)
}
export function railWaydetail() {
return request.post(path.railWaydetail, ...arguments)
}
export function railWaysave() {
return request.post(path.railWaysave, ...arguments)
}
export function railWaybatchDelete() {
return request.post(path.railWaybatchDelete, ...arguments)
}
export function railWayselectList() {
return request.post(path.railWayselectList, ...arguments)
}
......@@ -69,8 +69,8 @@
</el-table-column>
</el-table>
<pagination
:limit="searchForm.pageSize"
:page="searchForm.pageNum"
:limit="params.pageSize"
:page="params.pageNum"
:total="total"
class="pagination"
@pagination="handlePageChange"
......@@ -80,11 +80,12 @@
<script>
import Pagination from "@/components/Pagination";
import { railWaylist } from "../api"
export default {
components: { Pagination },
data() {
return {
searchForm: {
params: {
pageNum: 1,
pageSize: 10,
},
......@@ -198,16 +199,25 @@ export default {
},
handleView() {},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.params.pageSize = pageData.size;
this.params.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
// 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
}
railWaylist(params).then((res)=>{
console.log(res);
let list = res.records || []
this.tableData = list
this.total = res.total
})
},
},
mounted() {
......
......@@ -5,6 +5,7 @@ const path = {
create: 'user/saveUser',
updatePwd: 'user/updatePwd',
updateInfo: 'user/updateUserBaseInfo',
}
export function list() {
......@@ -23,3 +24,4 @@ export function updateInfo() {
return request.post(path.updateInfo, ...arguments)
}
......@@ -76,6 +76,7 @@ export default {
size: this.params.pageSize
}
list(params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
......
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