|
|
|
@ -1,51 +1,96 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form v-model="queryParams" :inline="true" label-width="100px"> |
|
|
|
<el-form-item label="主系统编号"> |
|
|
|
<el-input placeholder="请输入主系统编号" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form v-model="queryParams" :inline="true" label-width="160px"> |
|
|
|
<el-form-item :label="$t('mainsystem.MainSystemNumber')"> |
|
|
|
<el-input |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.MainSystemNumber') |
|
|
|
" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="主系统名称"> |
|
|
|
<el-input placeholder="请输入主系统名称" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form-item :label="$t('mainsystem.MainSystemName')"> |
|
|
|
<el-input |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.MainSystemName') |
|
|
|
" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="厂家编号"> |
|
|
|
<el-input placeholder="请输入厂家编号" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form-item :label="$t('mainsystem.ManufacturerNumber')" prop="ManufacturerNumber"> |
|
|
|
<el-input |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.ManufacturerNumber') |
|
|
|
" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="厂家名称"> |
|
|
|
<el-input placeholder="请输入厂家名称" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form-item :label="$t('mainsystem.ManufacturerName')"> |
|
|
|
<el-input |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.ManufacturerName') |
|
|
|
" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="开始使用日期"> |
|
|
|
<el-date-picker v-model="value1" type="date" placeholder="开始使用日期"> |
|
|
|
<el-form-item :label="$t('mainsystem.StartDateOfUse')"> |
|
|
|
<el-date-picker |
|
|
|
v-model="value1" |
|
|
|
type="date" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.StartDateOfUse') |
|
|
|
" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="设备映射"> |
|
|
|
<el-select style="width: 100%"> |
|
|
|
<el-option label="是" value="1"></el-option> |
|
|
|
<el-form-item :label="$t('mainsystem.DeviceMapping')"> |
|
|
|
<el-select |
|
|
|
style="width: 100%" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + ' ' + $t('mainsystem.DeviceMapping') |
|
|
|
" |
|
|
|
> |
|
|
|
<!-- <el-option label="是" value="1"></el-option> --> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="算法映射"> |
|
|
|
<el-select> |
|
|
|
<el-option label="是" value="1"></el-option> |
|
|
|
<el-form-item :label="$t('mainsystem.algorithmMapping')"> |
|
|
|
<el-select |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + ' ' + $t('mainsystem.algorithmMapping') |
|
|
|
" |
|
|
|
> |
|
|
|
<!-- <el-option label="是" value="1"></el-option> --> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="系统类型"> |
|
|
|
<el-select> |
|
|
|
<el-option label="是" value="1"></el-option> |
|
|
|
<el-form-item :label="$t('mainsystem.SystemType')"> |
|
|
|
<el-select |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + ' ' + $t('mainsystem.SystemType') |
|
|
|
" |
|
|
|
> |
|
|
|
<!-- <el-option label="是" value="1"></el-option> --> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="端口"> |
|
|
|
<el-input placeholder="请输入端口" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form-item :label="$t('mainsystem.port')"> |
|
|
|
<el-input |
|
|
|
:placeholder="$t('share.PleaseEnter') + ' ' + $t('mainsystem.port')" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="用户"> |
|
|
|
<el-input placeholder="请输入用户" suffix-icon="xxxx"></el-input> |
|
|
|
<el-form-item :label="$t('mainsystem.user')"> |
|
|
|
<el-input |
|
|
|
:placeholder="$t('share.PleaseEnter') + ' ' + $t('mainsystem.user')" |
|
|
|
suffix-icon="xxxx" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
@ -54,11 +99,11 @@ |
|
|
|
icon="el-icon-search" |
|
|
|
@click="handleQuery" |
|
|
|
size="mini" |
|
|
|
>搜索</el-button |
|
|
|
> |
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery" size="mini" |
|
|
|
>重置</el-button |
|
|
|
>{{ $t("share.search") }}</el-button |
|
|
|
> |
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery" size="mini">{{ |
|
|
|
$t("share.reset") |
|
|
|
}}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
@ -69,52 +114,100 @@ |
|
|
|
plain |
|
|
|
size="mini" |
|
|
|
@click="add" |
|
|
|
>新增</el-button |
|
|
|
>{{ $t("share.new") }}</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="success" icon="el-icon-edit" plain size="mini" |
|
|
|
>修改</el-button |
|
|
|
> |
|
|
|
<el-button type="success" icon="el-icon-edit" plain size="mini" @click="handleEdit()">{{ |
|
|
|
$t("share.edit") |
|
|
|
}}</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="danger" icon="el-icon-delete" plain size="mini" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
<el-button type="danger" icon="el-icon-delete" plain size="mini">{{ |
|
|
|
$t("share.delete") |
|
|
|
}}</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button type="warning" icon="el-icon-download" plain size="mini" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button type="warning" icon="el-icon-download" plain size="mini">{{ |
|
|
|
$t("share.export") |
|
|
|
}}</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-table :data="tableData" style="width: 100%; margin-bottom: 20px"> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column prop="id" label="台账ID" align="center" /> |
|
|
|
<el-table-column prop="id" label="主系统编号" align="center" /> |
|
|
|
<el-table-column prop="name" label="主系统名称" align="center" /> |
|
|
|
<el-table-column prop="id" label="主系统类型" align="center" /> |
|
|
|
<el-table-column prop="id" label="厂家编号" align="center" /> |
|
|
|
<el-table-column prop="id" label="厂家名称" align="center" /> |
|
|
|
<el-table-column prop="id" label="开始使用日期" align="center" /> |
|
|
|
<el-table-column prop="id" label="设备咉射" align="center" /> |
|
|
|
<el-table-column prop="id" label="ip地址" align="center" /> |
|
|
|
<el-table-column prop="id" label="端口" align="center" /> |
|
|
|
<el-table-column prop="id" label="用户" align="center" /> |
|
|
|
<el-table-column prop="id" label="密码" align="center" /> |
|
|
|
<el-table-column label="操作" align="center"> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.LedgerID')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.MainSystemNumber')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
:label="$t('mainsystem.MainSystemName')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.MainSystemType')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.ManufacturerNumber')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.ManufacturerName')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.StartDateOfUse')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.DeviceMapping')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.ipAddress')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.port')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.user')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="id" |
|
|
|
:label="$t('mainsystem.password')" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column :label="$t('share.operate')" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@click="handleEdit(scope.$index, scope.row)" |
|
|
|
>修改</el-button |
|
|
|
>{{ $t("share.edit") }}</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@click="handleDelete(scope.$index, scope.row)" |
|
|
|
>删除</el-button |
|
|
|
>{{ $t("share.delete") }}</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -131,79 +224,113 @@ |
|
|
|
width="30%" |
|
|
|
:before-close="handleClose" |
|
|
|
> |
|
|
|
<el-form :model="dialogForm" label-width="100px"> |
|
|
|
<el-form-item label="主系统编号"> |
|
|
|
<el-form |
|
|
|
:model="dialogForm" |
|
|
|
:rules="rules" |
|
|
|
ref="ruleForm" |
|
|
|
label-width="170px" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
:label="$t('mainsystem.MainSystemNumber')" |
|
|
|
prop="MainSystemNumber" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入主系统编号" |
|
|
|
v-model="dialogForm.MainSystemNumber" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.MainSystemNumber') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="主系统名称"> |
|
|
|
<el-form-item :label="$t('mainsystem.MainSystemName')"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入主系统名称" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.MainSystemName') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="系统类型"> |
|
|
|
<el-select> |
|
|
|
<el-option label="是" value="1"></el-option> |
|
|
|
<el-form-item :label="$t('mainsystem.SystemType')" prop="SystemType"> |
|
|
|
<el-select |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + ' ' + $t('mainsystem.SystemType') |
|
|
|
" |
|
|
|
> |
|
|
|
<!-- <el-option label="是" value="1"></el-option> --> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂家编号"> |
|
|
|
<el-form-item :label="$t('mainsystem.ManufacturerNumber')" prop="ManufacturerNumber"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入厂家编号" |
|
|
|
v-model="dialogForm.ManufacturerNumber" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + |
|
|
|
' ' + |
|
|
|
$t('mainsystem.ManufacturerNumber') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="厂家名称"> |
|
|
|
<el-form-item :label="$t('mainsystem.ManufacturerName')" prop="ManufacturerName"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入厂家名称" |
|
|
|
v-model="dialogForm.ManufacturerName" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.ManufacturerName') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开始使用日期"> |
|
|
|
<el-form-item :label="$t('mainsystem.StartDateOfUse')"> |
|
|
|
<el-date-picker |
|
|
|
v-model="value1" |
|
|
|
type="date" |
|
|
|
placeholder="开始使用日期" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.StartDateOfUse') |
|
|
|
" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="设备映射"> |
|
|
|
<el-select> |
|
|
|
<el-option label="是" value="1"></el-option> |
|
|
|
<el-form-item :label="$t('mainsystem.DeviceMapping')"> |
|
|
|
<el-select |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseChoose') + ' ' + $t('mainsystem.DeviceMapping') |
|
|
|
" |
|
|
|
> |
|
|
|
<!-- <el-option label="是" value="1"></el-option> --> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="ip地址"> |
|
|
|
<el-form-item :label="$t('mainsystem.ipAddress')"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入ip地址" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.ipAddress') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="端口"> |
|
|
|
<el-form-item :label="$t('mainsystem.port')"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入端口" |
|
|
|
:placeholder="$t('share.PleaseEnter') + ' ' + $t('mainsystem.port')" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="用户"> |
|
|
|
<el-form-item :label="$t('mainsystem.user')"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入用户" |
|
|
|
:placeholder="$t('share.PleaseEnter') + ' ' + $t('mainsystem.user')" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="密码"> |
|
|
|
<el-form-item :label="$t('mainsystem.password')"> |
|
|
|
<el-input |
|
|
|
v-model="dialogForm.name" |
|
|
|
placeholder="请输入密码" |
|
|
|
:placeholder=" |
|
|
|
$t('share.PleaseEnter') + ' ' + $t('mainsystem.password') |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="dialogVisible = false" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button @click="dialogVisible = false">{{ |
|
|
|
$t("share.cancel") |
|
|
|
}}</el-button> |
|
|
|
<el-button type="primary" @click="dialogVisible = false">{{ |
|
|
|
$t("share.confirm") |
|
|
|
}}</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -242,14 +369,61 @@ export default { |
|
|
|
], |
|
|
|
total: 10, |
|
|
|
dialogVisible: false, |
|
|
|
title: "添加基础数据-主系统配置", |
|
|
|
title: this.$t('mainsystem.AddBasicData-MainSystemConfiguration'), |
|
|
|
dialogForm: {}, |
|
|
|
rules: { |
|
|
|
MainSystemNumber: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseEnter") + |
|
|
|
" " + |
|
|
|
this.$t("mainsystem.MainSystemNumber"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
], |
|
|
|
SystemType:[ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseChoose") + |
|
|
|
" " + |
|
|
|
this.$t("mainsystem.SystemType"), |
|
|
|
trigger: "change", |
|
|
|
}, |
|
|
|
], |
|
|
|
ManufacturerNumber:[ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseEnter") + |
|
|
|
" " + |
|
|
|
this.$t("mainsystem.ManufacturerNumber"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
], |
|
|
|
ManufacturerName:[ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
message: |
|
|
|
this.$t("share.PleaseEnter") + |
|
|
|
" " + |
|
|
|
this.$t("mainsystem.ManufacturerName"), |
|
|
|
trigger: "blur", |
|
|
|
}, |
|
|
|
] |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() {}, |
|
|
|
methods: { |
|
|
|
add(){ |
|
|
|
this.dialogVisible = true; |
|
|
|
add() { |
|
|
|
this.dialogVisible = true; |
|
|
|
this.title=this.$t('mainsystem.AddBasicData-MainSystemConfiguration') |
|
|
|
}, |
|
|
|
handleEdit(){ |
|
|
|
this.dialogVisible = true; |
|
|
|
this.title=this.$t('mainsystem.EditBasicData-MainSystemConfiguration') |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
|