|
|
|
@ -2,56 +2,56 @@ |
|
|
|
<div class="app-container"> |
|
|
|
<!--工具栏--> |
|
|
|
<div class="head-container"> |
|
|
|
<div v-if="crud.props.searchToggle"> |
|
|
|
<!-- 搜索 --> |
|
|
|
<el-input v-model="query.driverCode" clearable size="small" placeholder="输入驱动编码" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" /> |
|
|
|
<el-input v-model="query.driverName" clearable size="small" placeholder="输入驱动名称" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" /> |
|
|
|
<el-select class="filter-item" style="width: 200px" size="small" v-model="query.fitDeviceTypes" placeholder="驱动类型" @change="crud.toQuery" clearable> |
|
|
|
<el-option label="输送机-Conveyor" value="conveyor"></el-option> |
|
|
|
<el-option label="固定货台-Station" value="station"></el-option> |
|
|
|
<el-option label="堆垛机-Stacker" value="stacker"></el-option> |
|
|
|
<el-option label="自动导引搬运车辆-AGV" value="agv"></el-option> |
|
|
|
</el-select> |
|
|
|
<rrOperation /> |
|
|
|
</div> |
|
|
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
|
|
|
<crudOperation :permission="permission" /> |
|
|
|
<div v-if="crud.props.searchToggle"> |
|
|
|
<!-- 搜索 --> |
|
|
|
<el-input v-model="query.driverCode" clearable size="small" placeholder="输入驱动编码" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" /> |
|
|
|
<el-input v-model="query.driverName" clearable size="small" placeholder="输入驱动名称" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" /> |
|
|
|
<el-select v-model="query.fitDeviceTypes" class="filter-item" style="width: 200px" size="small" placeholder="驱动类型" clearable @change="crud.toQuery"> |
|
|
|
<el-option label="输送机-Conveyor" value="conveyor" /> |
|
|
|
<el-option label="固定货台-Station" value="station" /> |
|
|
|
<el-option label="堆垛机-Stacker" value="stacker" /> |
|
|
|
<el-option label="自动导引搬运车辆-AGV" value="agv" /> |
|
|
|
</el-select> |
|
|
|
<rrOperation /> |
|
|
|
</div> |
|
|
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
|
|
|
<crudOperation :permission="permission" /> |
|
|
|
|
|
|
|
<!--表单组件--> |
|
|
|
<el-dialog :visible.sync="dialogFormVisible" width="700px"> |
|
|
|
<el-form :model="form" size="small" label-width="110px"> |
|
|
|
<el-dialog :visible.sync="dialogFormVisible" width="700px"> |
|
|
|
<el-form :model="form" size="small" label-width="110px"> |
|
|
|
<el-form-item label="驱动编码:" prop="driverCode"> |
|
|
|
<el-input v-model="form.driverCode" style="width: 450px;" readonly/> |
|
|
|
<el-input v-model="form.driverCode" style="width: 450px;" readonly /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="驱动名称:" prop="driverName"> |
|
|
|
<el-input v-model="form.driverName" style="width: 450px;" readonly/> |
|
|
|
<el-input v-model="form.driverName" style="width: 450px;" readonly /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="驱动描述:"> |
|
|
|
<el-input v-model="form.driverDescription" style="width: 450px;" readonly/> |
|
|
|
<el-input v-model="form.driverDescription" style="width: 450px;" readonly /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="设备驱动类型:"> |
|
|
|
{{form.deviceDriverType}} |
|
|
|
{{ form.deviceDriverType }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="适用驱动类型:"> |
|
|
|
<el-tag v-for="city in form.fitDeviceTypes" :label="city" :key="city" effect="dark">{{city}}</el-tag> |
|
|
|
<el-tag v-for="city in form.fitDeviceTypes" :key="city" :label="city" effect="dark">{{ city }}</el-tag> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogFormVisible = false">关 闭</el-button> |
|
|
|
</span> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogFormVisible = false">关 闭</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
<!--表格渲染--> |
|
|
|
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> |
|
|
|
<el-table-column type="selection" width="55" /> |
|
|
|
<el-table-column prop="driverCode" label="驱动编码" /> |
|
|
|
<el-table-column prop="driverName" label="驱动名称" /> |
|
|
|
<el-table-column prop="driverDescription" label="驱动描述"/> |
|
|
|
<el-table-column prop="deviceDriverType" label="设备驱动类型"/> |
|
|
|
<el-table-column prop="fitDeviceTypes" label="适用驱动类型"/> |
|
|
|
<el-table-column prop="driverDescription" label="驱动描述" /> |
|
|
|
<el-table-column prop="deviceDriverType" label="设备驱动类型" /> |
|
|
|
<el-table-column prop="fitDeviceTypes" label="适用驱动类型" /> |
|
|
|
<el-table-column label="驱动详情" width="100px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button size="mini" type="text" @click="handleClick(scope.row)">查看详情</el-button> |
|
|
|
</template> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button size="mini" type="text" @click="handleClick(scope.row)">查看详情</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
@ -66,23 +66,23 @@ import crudOperation from '@crud/CRUD.operation' |
|
|
|
import udOperation from '@crud/UD.operation' |
|
|
|
import pagination from '@crud/Pagination' |
|
|
|
|
|
|
|
const defaultForm = { driverCode: null, driverName: null, driverDescription: null,deviceDriverType:null,fitDeviceTypes:null} |
|
|
|
const defaultForm = { driverCode: null, driverName: null, driverDescription: null, deviceDriverType: null, fitDeviceTypes: null } |
|
|
|
export default { |
|
|
|
name: 'devicedriver', |
|
|
|
components: { pagination, crudOperation, rrOperation, udOperation }, |
|
|
|
name: 'Devicedriver', |
|
|
|
components: { pagination, crudOperation, rrOperation, udOperation }, |
|
|
|
mixins: [presenter(), header(), form(defaultForm)], |
|
|
|
cruds() { |
|
|
|
return CRUD({ |
|
|
|
title: '设备', |
|
|
|
url: 'api/devicedriver', |
|
|
|
idField: 'id', |
|
|
|
sort: 'id', |
|
|
|
crudMethod: { }, |
|
|
|
optShow:{ |
|
|
|
download:true, |
|
|
|
reset:true |
|
|
|
} |
|
|
|
}) |
|
|
|
title: '设备', |
|
|
|
url: 'api/devicedriver', |
|
|
|
idField: 'id', |
|
|
|
sort: 'id', |
|
|
|
crudMethod: { }, |
|
|
|
optShow: { |
|
|
|
download: true, |
|
|
|
reset: true |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -91,27 +91,26 @@ export default { |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
dialogFormVisible: false, |
|
|
|
queryTypeOptions: [ |
|
|
|
{ key: 'driverCode', display_name: '驱动编码' }, |
|
|
|
{ key: 'driverName', display_name: '驱动名称' }, |
|
|
|
{ key: 'fitDeviceTypes', display_name: '驱动类型' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取异常详情 |
|
|
|
handleClick(row) { |
|
|
|
this.form = row; |
|
|
|
this.dialogFormVisible=true; |
|
|
|
}, |
|
|
|
// 钩子：在获取表格数据之前执行，false 则代表不获取数据 |
|
|
|
[CRUD.HOOK.beforeRefresh]() { |
|
|
|
return true |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
dialogFormVisible: false, |
|
|
|
queryTypeOptions: [ |
|
|
|
{ key: 'driverCode', display_name: '驱动编码' }, |
|
|
|
{ key: 'driverName', display_name: '驱动名称' }, |
|
|
|
{ key: 'fitDeviceTypes', display_name: '驱动类型' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取异常详情 |
|
|
|
handleClick(row) { |
|
|
|
this.form = row |
|
|
|
this.dialogFormVisible = true |
|
|
|
}, |
|
|
|
// 钩子：在获取表格数据之前执行，false 则代表不获取数据 |
|
|
|
[CRUD.HOOK.beforeRefresh]() { |
|
|
|
return true |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
|
