|
@ -14,9 +14,9 @@ |
|
|
class="filter-item" |
|
|
class="filter-item" |
|
|
@keyup.enter.native="crud.toQuery" |
|
|
@keyup.enter.native="crud.toQuery" |
|
|
/> |
|
|
/> |
|
|
<rrOperation /> |
|
|
<rrOperation/> |
|
|
</div> |
|
|
</div> |
|
|
<crudOperation :permission="permission" /> |
|
|
<crudOperation :permission="permission"/> |
|
|
<!--表单组件--> |
|
|
<!--表单组件--> |
|
|
<el-dialog |
|
|
<el-dialog |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
@ -27,32 +27,32 @@ |
|
|
> |
|
|
> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-form-item label="OPC编码" prop="opc_code"> |
|
|
<el-form-item label="OPC编码" prop="opc_code"> |
|
|
<el-input v-model="form.opc_code" style="width: 370px;" /> |
|
|
<el-input v-model="form.opc_code" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="OPC名称" prop="opc_name"> |
|
|
<el-form-item label="OPC名称" prop="opc_name"> |
|
|
<el-input v-model="form.opc_name" style="width: 370px;" /> |
|
|
<el-input v-model="form.opc_name" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="OPC地址"> |
|
|
<el-form-item label="OPC地址"> |
|
|
<el-input v-model="form.opc_host" style="width: 370px;" /> |
|
|
<el-input v-model="form.opc_host" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="用户名"> |
|
|
<el-form-item label="用户名"> |
|
|
<el-input v-model="form.user" style="width: 370px;" /> |
|
|
<el-input v-model="form.user" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="密码" prop="password"> |
|
|
<el-form-item label="密码" prop="password"> |
|
|
<el-input v-model="form.password" style="width: 370px;" type="password" /> |
|
|
<el-input v-model="form.password" style="width: 370px;" type="password"/> |
|
|
<el-button :loading="crud.cu === 2" type="primary" @click="getDetail()">详情</el-button> |
|
|
<el-button :loading="crud.cu === 2" type="primary" @click="getDetail()">详情</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="程序ID"> |
|
|
<el-form-item label="程序ID"> |
|
|
<el-input v-model="form.prog_id" style="width: 370px;" /> |
|
|
<el-input v-model="form.prog_id" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="注册表ID"> |
|
|
<el-form-item label="注册表ID"> |
|
|
<el-input v-model="form.cls_id" style="width: 370px;" /> |
|
|
<el-input v-model="form.cls_id" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="domain"> |
|
|
<el-form-item label="domain"> |
|
|
<el-input v-model="form.domain" style="width: 370px;" /> |
|
|
<el-input v-model="form.domain" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="备注" prop="remark"> |
|
|
<el-form-item label="备注" prop="remark"> |
|
|
<el-input v-model="form.remark" style="width: 380px;" rows="5" type="textarea" /> |
|
|
<el-input v-model="form.remark" style="width: 380px;" rows="5" type="textarea"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
@ -63,18 +63,18 @@ |
|
|
|
|
|
|
|
|
<el-dialog title="PLC管理" :visible.sync="dialogPlcFormVisible" width="550px"> |
|
|
<el-dialog title="PLC管理" :visible.sync="dialogPlcFormVisible" width="550px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-input v-model="form.opc_server_id" type="hidden" prop="opc_server_id" /> |
|
|
<el-input v-model="form.opc_server_id" type="hidden" prop="opc_server_id"/> |
|
|
<el-form-item label="PLC编码" prop="plc_code"> |
|
|
<el-form-item label="PLC编码" prop="plc_code"> |
|
|
<el-input v-model="form.plc_code" style="width: 370px;" /> |
|
|
<el-input v-model="form.plc_code" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="OPC名称" prop="plc_opc_name"> |
|
|
<el-form-item label="OPC名称" prop="plc_opc_name"> |
|
|
<el-input v-model="form.plc_opc_name" style="width: 370px;" disabled /> |
|
|
<el-input v-model="form.plc_opc_name" style="width: 370px;" disabled/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="PLC名称" prop="plc_name"> |
|
|
<el-form-item label="PLC名称" prop="plc_name"> |
|
|
<el-input v-model="form.plc_name" style="width: 370px;" /> |
|
|
<el-input v-model="form.plc_name" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="PLC地址" prop="plc_host"> |
|
|
<el-form-item label="PLC地址" prop="plc_host"> |
|
|
<el-input v-model="form.plc_host" style="width: 370px;" /> |
|
|
<el-input v-model="form.plc_host" style="width: 370px;"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
@ -92,23 +92,23 @@ |
|
|
row-key="opc_id" |
|
|
row-key="opc_id" |
|
|
border |
|
|
border |
|
|
default-expand-all |
|
|
default-expand-all |
|
|
:tree-props="{children: 'children', has_children: 'has_children'}" |
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
|
|
@select="crud.selectChange" |
|
|
@select="crud.selectChange" |
|
|
@select-all="crud.selectAllChange" |
|
|
@select-all="crud.selectAllChange" |
|
|
@selection-change="crud.selectionChangeHandler" |
|
|
@selection-change="crud.selectionChangeHandler" |
|
|
> |
|
|
> |
|
|
<el-table-column type="selection" width="55" /> |
|
|
<el-table-column type="selection" width="55"/> |
|
|
<el-table-column prop="opc_code" label="OPC编码" width="100" /> |
|
|
<el-table-column prop="opc_code" label="OPC编码" width="100"/> |
|
|
<el-table-column prop="opc_name" label="OPC名称" /> |
|
|
<el-table-column prop="opc_name" label="OPC名称"/> |
|
|
<el-table-column prop="opc_host" label="OPC地址" min-width="130" /> |
|
|
<el-table-column prop="opc_host" label="OPC地址" min-width="130"/> |
|
|
<el-table-column prop="type" label="类型" /> |
|
|
<el-table-column prop="type" label="类型"/> |
|
|
<el-table-column prop="user" label="用户名" min-width="100" /> |
|
|
<el-table-column prop="user" label="用户名" min-width="100"/> |
|
|
<el-table-column prop="password" label="密码" /> |
|
|
<el-table-column prop="password" label="密码"/> |
|
|
<el-table-column prop="prog_id" label="程序ID" min-width="150" /> |
|
|
<el-table-column prop="prog_id" label="程序ID" min-width="150"/> |
|
|
<el-table-column prop="cls_id" label="注册表ID" min-width="150" /> |
|
|
<el-table-column prop="cls_id" label="注册表ID" min-width="150"/> |
|
|
<el-table-column prop="domain" label="domain" /> |
|
|
<el-table-column prop="domain" label="domain"/> |
|
|
<el-table-column prop="remark" label="备注" min-width="100" /> |
|
|
<el-table-column prop="remark" label="备注" min-width="100"/> |
|
|
<el-table-column prop="create_time" label="创建时间" /> |
|
|
<el-table-column prop="createtime" label="创建时间"/> |
|
|
<el-table-column label="操作" width="200px" align="center" fixed="right"> |
|
|
<el-table-column label="操作" width="200px" align="center" fixed="right"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" size="small" @click="handleClick(scope.row,'1')">修改</el-button> |
|
|
<el-button type="text" size="small" @click="handleClick(scope.row,'1')">修改</el-button> |
|
@ -120,7 +120,7 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<!--分页组件--> |
|
|
<!--分页组件--> |
|
|
<pagination /> |
|
|
<pagination/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|