10 changed files with 525 additions and 136 deletions
@ -1,3 +0,0 @@ |
|||||
{ |
|
||||
"lockfileVersion": 1 |
|
||||
} |
|
||||
@ -1,102 +0,0 @@ |
|||||
<template> |
|
||||
<!--AGV上料下料--> |
|
||||
<div> |
|
||||
<el-card class="box-card" shadow="never"> |
|
||||
<div slot="header" class="clearfix"> |
|
||||
<span class="role-span">指令相关：</span> |
|
||||
</div> |
|
||||
<el-form ref="form" :inline="true" :model="form" size="small" label-width="95px"> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item label="ip地址" prop="ip_address"> |
|
||||
<el-input |
|
||||
v-model="form.ip_address"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</el-card> |
|
||||
<el-card class="box-card" shadow="never"> |
|
||||
<div slot="header" class="clearfix"> |
|
||||
<span class="role-span" /> |
|
||||
<el-button |
|
||||
:loading="false" |
|
||||
icon="el-icon-check" |
|
||||
size="mini" |
|
||||
style="float: right; padding: 6px 9px" |
|
||||
type="primary" |
|
||||
@click="doSubmit" |
|
||||
>保存 |
|
||||
</el-button> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
|
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
queryDriverConfig, |
|
||||
updateConfig |
|
||||
} from '@/api/acs/device/driverConfig' |
|
||||
import crud from '@/mixins/crud' |
|
||||
|
|
||||
export default { |
|
||||
name: 'StandardConveyorControl', |
|
||||
mixins: [crud], |
|
||||
props: { |
|
||||
parentForm: { |
|
||||
type: Object, |
|
||||
require: true |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
form: { |
|
||||
ip_address: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.$nextTick(() => { |
|
||||
// 从父表单获取设备编码 |
|
||||
this.device_id = this.$props.parentForm.device_id |
|
||||
this.device_code = this.$props.parentForm.device_code |
|
||||
queryDriverConfig(this.device_id, this.$props.parentForm.driver_code).then(data => { |
|
||||
// 给表单赋值，并且属性不能为空 |
|
||||
if (data.form) { |
|
||||
const arr = Object.keys(data.form) |
|
||||
// 不为空 |
|
||||
if (arr.length > 0) { |
|
||||
this.form = data.form |
|
||||
} |
|
||||
} |
|
||||
this.sliceItem() |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
methods: { |
|
||||
doSubmit() { |
|
||||
this.$refs['form'].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.configLoading = true |
|
||||
// 根据驱动类型判断是否为路由设备 |
|
||||
const parentForm = this.parentForm |
|
||||
parentForm.is_route = true |
|
||||
updateConfig(parentForm, this.form, this.modeform, this.data1, this.data2).then(res => { |
|
||||
this.notify('保存成功', 'success') |
|
||||
this.configLoading = false |
|
||||
}).catch(err => { |
|
||||
this.configLoading = false |
|
||||
console.log(err.response.data.message) |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -0,0 +1,487 @@ |
|||||
|
<template> |
||||
|
<!--上下料位--> |
||||
|
<div> |
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">设备协议：</span> |
||||
|
</div> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
OpcServer: |
||||
|
<el-select |
||||
|
v-model="opc_id" |
||||
|
placeholder="无" |
||||
|
clearable |
||||
|
filterable |
||||
|
@change="changeOpc" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dataOpcservers" |
||||
|
:key="item.opc_id" |
||||
|
:label="item.opc_name" |
||||
|
:value="item.opc_id" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
PLC: |
||||
|
<el-select |
||||
|
v-model="plc_id" |
||||
|
placeholder="无" |
||||
|
clearable |
||||
|
filterable |
||||
|
@change="changePlc" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dataOpcPlcs" |
||||
|
:key="item.plc_id" |
||||
|
:label="item.plc_name" |
||||
|
:value="item.plc_id" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">输送系统：</span> |
||||
|
</div> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="78px"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="电气调度号" label-width="150px"> |
||||
|
<el-input v-model="form.address" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">指令相关：</span> |
||||
|
</div> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="78px"> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="最大数量"> |
||||
|
<el-input v-model="form.max_emptypalletnum" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="关联设备" prop="device_code"> |
||||
|
<el-select |
||||
|
v-model="form.link_device_code" |
||||
|
clearable |
||||
|
filterable |
||||
|
placeholder="请选择" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in deviceList" |
||||
|
:key="item.device_code" |
||||
|
:label="item.device_name" |
||||
|
:value="item.device_code" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="关联三色灯" prop="device_code" label-width="100px"> |
||||
|
<el-select |
||||
|
v-model="form.link_three_lamp" |
||||
|
filterable |
||||
|
clearable |
||||
|
placeholder="请选择" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in deviceList" |
||||
|
:key="item.device_code" |
||||
|
:label="item.device_name" |
||||
|
:value="item.device_code" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-tooltip class="item" effect="dark" content="创建设备点位记录有无货信号" placement="bottom-end"> |
||||
|
<el-form-item label="站点管理" label-width="150px"> |
||||
|
<el-switch v-model="form.station_manager" /> |
||||
|
</el-form-item> |
||||
|
</el-tooltip> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="清除" label-width="80px"> |
||||
|
<el-switch v-model="form.auto_clean_task" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="是否输入物料" label-width="150px"> |
||||
|
<el-switch v-model="form.input_material" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">AGV相关：</span> |
||||
|
</div> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="78px"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="取货"> |
||||
|
<el-switch v-model="form.is_pickup" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="放货"> |
||||
|
<el-switch v-model="form.is_release" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">PLC读取字段：</span> |
||||
|
</div> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="78px"> |
||||
|
<el-table |
||||
|
v-loading="false" |
||||
|
:data="data1" |
||||
|
:max-height="550" |
||||
|
size="small" |
||||
|
style="width: 100%;margin-bottom: 15px" |
||||
|
> |
||||
|
|
||||
|
<el-table-column prop="name" label="用途" /> |
||||
|
<el-table-column prop="code" label="别名要求" /> |
||||
|
<el-table-column prop="db" label="DB块"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input |
||||
|
v-model="data1[scope.$index].db" |
||||
|
size="mini" |
||||
|
class="edit-input" |
||||
|
@input="finishReadEdit(data1[scope.$index])" |
||||
|
/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="dbr_value"> |
||||
|
<template slot="header"> |
||||
|
<el-link type="primary" :underline="false" @click.native="test_read1()">测试读</el-link> |
||||
|
</template> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="data1[scope.$index].dbr_value" size="mini" class="edit-input" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span">PLC写入字段：</span> |
||||
|
</div> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="78px"> |
||||
|
<el-table |
||||
|
v-loading="false" |
||||
|
:data="data2" |
||||
|
:max-height="550" |
||||
|
size="small" |
||||
|
style="width: 100%;margin-bottom: 15px" |
||||
|
> |
||||
|
|
||||
|
<el-table-column prop="name" label="用途" /> |
||||
|
<el-table-column prop="code" label="别名要求" /> |
||||
|
<el-table-column prop="db" label="DB块"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input |
||||
|
v-model="data2[scope.$index].db" |
||||
|
size="mini" |
||||
|
class="edit-input" |
||||
|
@input="finishWriteEdit(data2[scope.$index])" |
||||
|
/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="dbr_value2"> |
||||
|
<template slot="header"> |
||||
|
<el-link type="primary" :underline="false" @click.native="test_read2()">测试读</el-link> |
||||
|
</template> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="data2[scope.$index].dbr_value" size="mini" class="edit-input" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="dbw_value"> |
||||
|
<template slot="header"> |
||||
|
<el-link type="primary" :underline="false" @click.native="test_write1()">测试写</el-link> |
||||
|
</template> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="data2[scope.$index].dbw_value" size="mini" class="edit-input" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-card class="box-card" shadow="never"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span class="role-span" /> |
||||
|
<el-button |
||||
|
:loading="false" |
||||
|
icon="el-icon-check" |
||||
|
size="mini" |
||||
|
style="float: right; padding: 6px 9px" |
||||
|
type="primary" |
||||
|
@click="doSubmit" |
||||
|
>保存 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
queryDriverConfig, |
||||
|
updateConfig, |
||||
|
testRead, |
||||
|
testwrite |
||||
|
} from '@/api/acs/device/driverConfig' |
||||
|
import { selectOpcList } from '@/api/acs/device/opc' |
||||
|
import { selectPlcList } from '@/api/acs/device/opcPlc' |
||||
|
import { selectListByOpcID } from '@/api/acs/device/opcPlc' |
||||
|
|
||||
|
import crud from '@/mixins/crud' |
||||
|
import deviceCrud from '@/api/acs/device/device' |
||||
|
|
||||
|
export default { |
||||
|
name: 'StandardConveyorControl', |
||||
|
mixins: [crud], |
||||
|
props: { |
||||
|
parentForm: { |
||||
|
type: Object, |
||||
|
require: true |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
device_code: '', |
||||
|
device_id: '', |
||||
|
plc_id: '', |
||||
|
plc_code: '', |
||||
|
address: '', |
||||
|
opc_id: '', |
||||
|
opc_code: '', |
||||
|
configLoading: false, |
||||
|
dataOpcservers: [], |
||||
|
dataOpcPlcs: [], |
||||
|
deviceList: [], |
||||
|
data1: [], |
||||
|
data2: [], |
||||
|
form: { |
||||
|
inspect_in_stocck: true, |
||||
|
ignore_pickup_check: true, |
||||
|
ignore_release_check: true, |
||||
|
apply_task: true, |
||||
|
link_three_lamp: '', |
||||
|
manual_create_task: true, |
||||
|
is_pickup: true, |
||||
|
is_release: true, |
||||
|
link_device_code: '' |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.$nextTick(() => { |
||||
|
// 从父表单获取设备编码 |
||||
|
this.device_id = this.$props.parentForm.device_id |
||||
|
this.device_code = this.$props.parentForm.device_code |
||||
|
queryDriverConfig(this.device_id, this.$props.parentForm.driver_code).then(data => { |
||||
|
// 给表单赋值，并且属性不能为空 |
||||
|
if (data.form) { |
||||
|
const arr = Object.keys(data.form) |
||||
|
// 不为空 |
||||
|
if (arr.length > 0) { |
||||
|
this.form = data.form |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 给表单赋值，并且属性不能为空 |
||||
|
if (data.parentForm) { |
||||
|
const arr = Object.keys(data.parentForm) |
||||
|
// 不为空 |
||||
|
if (arr.length > 0) { |
||||
|
this.opc_code = data.parentForm.opc_code |
||||
|
this.plc_code = data.parentForm.plc_code |
||||
|
} |
||||
|
} |
||||
|
this.data1 = data.rs |
||||
|
this.data2 = data.ws |
||||
|
this.sliceItem() |
||||
|
}) |
||||
|
selectPlcList().then(data => { |
||||
|
this.dataOpcPlcs = data |
||||
|
this.plc_id = this.$props.parentForm.opc_plc_id |
||||
|
}) |
||||
|
selectOpcList().then(data => { |
||||
|
this.dataOpcservers = data |
||||
|
this.opc_id = this.$props.parentForm.opc_server_id |
||||
|
}) |
||||
|
deviceCrud.selectDeviceList().then(data => { |
||||
|
this.deviceList = data |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
methods: { |
||||
|
finishReadEdit(data) { |
||||
|
// 编辑的是code列,并且值包含mode |
||||
|
if (data.code.indexOf('mode') !== -1) { |
||||
|
const dbValue = data.db |
||||
|
// .之前的字符串 |
||||
|
const beforeStr = dbValue.substring(0, 2) |
||||
|
// .之后的字符串 |
||||
|
const afterStr = dbValue.substring(2) |
||||
|
for (const val in this.data1) { |
||||
|
if (this.data1[val].code.indexOf('move') !== -1) { |
||||
|
this.data1[val].db = beforeStr + (parseInt(afterStr) + 2) |
||||
|
} |
||||
|
if (this.data1[val].code.indexOf('number') !== -1) { |
||||
|
this.data1[val].db = beforeStr + (parseInt(afterStr) + 4) |
||||
|
} |
||||
|
if (this.data1[val].code.indexOf('container_type') !== -1) { |
||||
|
this.data1[val].db = beforeStr + (parseInt(afterStr) + 6) |
||||
|
} |
||||
|
if (this.data1[val].code.indexOf('error') !== -1) { |
||||
|
this.data1[val].db = beforeStr + (parseInt(afterStr) + 8) |
||||
|
} |
||||
|
if (this.data1[val].code.indexOf('task') !== -1) { |
||||
|
this.data1[val].db = beforeStr + (parseInt(afterStr) + 10) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
finishWriteEdit(data) { |
||||
|
// 编辑的是code列,并且值包含mode |
||||
|
if (data.code.indexOf('to_command') !== -1) { |
||||
|
const dbValue = data.db |
||||
|
// .之前的字符串 |
||||
|
const beforeStr = dbValue.substring(0, 2) |
||||
|
// .之后的字符串 |
||||
|
const afterStr = dbValue.substring(2) |
||||
|
for (const val in this.data2) { |
||||
|
if (this.data2[val].code.indexOf('to_target') !== -1) { |
||||
|
this.data2[val].db = beforeStr + (parseInt(afterStr) + 2) |
||||
|
} |
||||
|
if (this.data2[val].code.indexOf('to_task') !== -1) { |
||||
|
this.data2[val].db = beforeStr + (parseInt(afterStr) + 4) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
changeOpc(val) { |
||||
|
this.dataOpcservers.forEach(item => { |
||||
|
if (item.opc_id === val) { |
||||
|
this.opc_code = item.opc_code |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
selectListByOpcID(val).then(data => { |
||||
|
this.dataOpcPlcs = data |
||||
|
this.plc_id = '' |
||||
|
this.plc_code = '' |
||||
|
if (this.dataOpcPlcs && this.dataOpcPlcs.length > 0) { |
||||
|
this.plc_id = this.dataOpcPlcs[0].plc_id |
||||
|
this.plc_code = this.dataOpcPlcs[0].plc_code |
||||
|
} |
||||
|
this.sliceItem() |
||||
|
}) |
||||
|
}, |
||||
|
changePlc(val) { |
||||
|
this.dataOpcPlcs.forEach(item => { |
||||
|
if (item.plc_id === val) { |
||||
|
this.plc_code = item.plc_code |
||||
|
this.sliceItem() |
||||
|
return |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
test_read1() { |
||||
|
testRead(this.data1, this.opc_id).then(data => { |
||||
|
this.data1 = data |
||||
|
this.notify('操作成功!', 'success') |
||||
|
}).catch(err => { |
||||
|
console.log(err.response.data.message) |
||||
|
}) |
||||
|
}, |
||||
|
test_write1() { |
||||
|
testwrite(this.data2, this.opc_id).then(data => { |
||||
|
this.notify('操作成功!', 'success') |
||||
|
}).catch(err => { |
||||
|
console.log(err.response.data.message) |
||||
|
}) |
||||
|
}, |
||||
|
test_read2() { |
||||
|
testRead(this.data2, this.opc_id).then(data => { |
||||
|
this.data2 = data |
||||
|
console.log(this.data2) |
||||
|
this.notify('操作成功!', 'success') |
||||
|
}).catch(err => { |
||||
|
console.log(err.response.data.message) |
||||
|
}) |
||||
|
}, |
||||
|
doSubmit() { |
||||
|
this.$refs['form'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.configLoading = true |
||||
|
// 根据驱动类型判断是否为路由设备 |
||||
|
const parentForm = this.parentForm |
||||
|
parentForm.is_route = true |
||||
|
parentForm.plc_id = this.plc_id |
||||
|
parentForm.opc_id = this.opc_id |
||||
|
updateConfig(parentForm, this.form, this.modeform, this.data1, this.data2).then(res => { |
||||
|
this.notify('保存成功', 'success') |
||||
|
this.configLoading = false |
||||
|
}).catch(err => { |
||||
|
this.configLoading = false |
||||
|
console.log(err.response.data.message) |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
sliceItem() { // 拼接DB的Item值 |
||||
|
this.data1.forEach(item => { |
||||
|
const str = item.code |
||||
|
// 是否包含. |
||||
|
if (str.search('.') !== -1) { |
||||
|
// 截取最后一位 |
||||
|
item.code = this.opc_code + '.' + this.plc_code + '.' + this.device_code + '.' + str.slice(str.lastIndexOf('.') + 1) |
||||
|
} else { |
||||
|
item.code = this.opc_code + '.' + this.plc_code + '.' + this.device_code + '.' + item.code |
||||
|
} |
||||
|
}) |
||||
|
this.data2.forEach(item => { |
||||
|
const str = item.code |
||||
|
// 是否包含. |
||||
|
if (str.search('.') !== -1) { |
||||
|
// 截取最后一位 |
||||
|
item.code = this.opc_code + '.' + this.plc_code + '.' + this.device_code + '.' + str.slice(str.lastIndexOf('.') + 1) |
||||
|
} else { |
||||
|
item.code = this.opc_code + '.' + this.plc_code + '.' + this.device_code + '.' + item.code |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue